/* reset styles
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* master styles
--------------------------------------------- */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 62.5%;
	background: #fff;
	}

/* links */

a:link, a:visited {
	color: #4083a9;
	outline: none;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	color: #205f82;
	}

/* custom selection colors */

::-moz-selection {
	color: #fff;
	color: rgba(255,255,255,.85);
	background: #ea4c88;
	}
::selection {
	color: #fff;
	color: rgba(255,255,255,.85);
	background: #ea4c88;
	}

/* page structure
--------------------------------------------- */

#wrap {
	background: #f0f0f0 url(/Content/dribbble/images/tile.gif) repeat -70% 0;
	}
#wrap-inner {
	padding: 25px 0 30px 0;
	background: url(/Content/dribbble/images/big-fade.png) repeat-x -70% 0;
	}
#content {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
	}
#main {
	float: left;
	width: 700px;
	font-size: 1.2em;
	}
#main.main-full {
	float: none;
	width: 940px;
	}
#main div.col-50 {
	float: left;
	width: 330px;
	}
#main div.col-50-last {
	float: right;
	width: 330px;
	}
#main div.col-70 {
	float: left;
	width: 460px;
	}
#main div.col-30 {
	float: right;
	width: 220px;
	}
#main div.col-2x2 {
	float: left;
	width: 460px;
	}
#main div.col-2x2-last {
	float: right;
	width: 460px;
	}
#secondary {
	float: right;
	width: 220px;
	font-size: 1.2em;
	}

/* header
--------------------------------------------- */

#header {
	background: #434950 url(/Content/dribbble/images/sharkskin.gif) repeat-x -70% 0;
	}
#header-inner {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0;
	}
#logo {
	float: left;
	margin: 0;
	}
#logo img {
	height: 0;
	}
#logo a,
#logo span {
	display: block;
	width: 100px;
	height: 29px;
	background: url(/Content/dribbble/images/dribbble-tm.png) no-repeat 0 0;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease;
	}
#logo a:hover {
	opacity: .6;
	}

/* dashboard */

#dashboard {
	float: right;
	width: 220px;
	}

/* search */

#search {
	margin: 2px 0 0 0;
	background: url(/Content/dribbble/images/search-box.gif) no-repeat top left;
	}
#search input {
	vertical-align: middle;
	}
#search input#search-text {
	width: 158px;
	margin: 0 3px 0 0;
	padding: 0 5px 0 23px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #bbb;
	border: none;
	background: transparent;
	}
#search input#search-text:focus {
	color: #333;
	outline: none;
	}

/* nav */

#nav {
	float: left;
	width: 584px;
	margin: 2px 0 0 20px;
	color: #777;
	}
#nav li {
	float: left;
	margin: 0 4px 0 0;
	font-size: 1.25em;
	line-height: 1;
	}
#nav li#t-profile,
#nav li#t-signin, #nav li#t-signup {
	float: right;
	}
#nav li#t-profile img {
	float: left;
	margin: 0 6px 0 0;
	}
#nav li a {
	display: block;
	padding: 6px 10px 7px 10px;
	text-decoration: none;
	color: #bbbfc3;
	}
#nav li a:hover,
#nav li#t-profile:hover a,
#nav li#t-shots:hover a,
#nav li#t-players:hover a,
#nav li#t-explore:hover a {
	color: #fff;
	background: rgba(255,255,255,.12) url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#nav li#t-signin a, #nav li#t-signup a {
	padding: 0;
	margin: 6px 10px 6px 5px;
	font-size: .9em;
	}
#nav li#t-signin a:hover, #nav li#t-signup a:hover {
	background: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
#nav li#t-upld a span {
	padding-left: 29px;
	background: url(/Content/dribbble/images/icon-upload.png) no-repeat 0 50%;
	}
body#user-profile #nav li#t-profile a,
body#shots #nav li#t-shots a,
body#players #nav li#t-players a,
body#explore #nav li#t-explore a,
body#activity #nav li#t-activity a,
body#upld #nav li#t-upld a,
body#about #nav li#t-about a,
body#following li#t-following a,
body#incoming-activity li#t-activity a {
	font-weight: bold;
	color: #fff;
	background: #3b4147;
	background: rgba(43,48,53,.53) url(/Content/dribbble/images/nav-shadow.png) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#nav li#t-profile a.url,
#nav li#t-shots a.has-sub,
#nav li#t-players a.has-sub,
#nav li#t-explore a.has-sub {
	padding-right: 22px;
	background-color: rgba(43,48,53,.53);
	background: url(/Content/dribbble/images/icon-submenu.png) no-repeat 100% 50%;
	}
#nav li#t-profile:hover a.url,
body#user-profile #nav li#t-profile:hover a.url,
#nav li#t-shots:hover a.has-sub,
body#shots #nav li#t-shots:hover a.has-sub,
#nav li#t-players:hover a.has-sub,
body#players #nav li#t-players:hover a.has-sub,
#nav li#t-explore:hover a.has-sub,
body#explore #nav li#t-explore:hover a.has-sub {
	background-color: rgba(255,255,255,.12);
	background-image:
		url(/Content/dribbble/images/glass-light.png), url(/Content/dribbble/images/icon-submenu.png);
	background-repeat: repeat-x, no-repeat;
	background-position: 0 50%, 100% 50%;
	}
body#user-profile #nav li#t-profile a.url,
body#shots #nav li#t-shots a.has-sub,
body#players #nav li#t-players a.has-sub,
body#explore #nav li#t-explore a.has-sub {
	background-image:
		url(/Content/dribbble/images/nav-shadow.png),
		url(/Content/dribbble/images/icon-submenu.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top left, 100% 50%;
	}

/* subnavs */

#nav li#t-profile:hover a,
body#user-profile #nav li#t-profile:hover a,
#nav li#t-shots:hover a,
body#shots #nav li#t-shots:hover a,
#nav li#t-players:hover a,
body#players #nav li#t-players:hover a,
#nav li#t-explore:hover a,
body#explore #nav li#t-explore:hover a {
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	}
#nav li ul.tabs {
	position: absolute;
	display: none;
	float: left;
	width: 120px;
	padding: 5px 0;
	background: #5e656d;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.3);
	z-index: 3;
	}
#nav li ul.tabs li {
	clear: left;
	margin: 0;
	width: 100%;
	}
#nav li#t-profile ul.tabs li a,
body#user-profile #nav li#t-profile:hover ul.tabs li a,
#nav li#t-shots ul.tabs li a,
body#shots #nav li#t-shots:hover ul.tabs li a,
#nav li#t-players ul.tabs li a,
body#players #nav li#t-players:hover ul.tabs li a,
#nav li#t-explore ul.tabs li a,
body#explore #nav li#t-explore:hover ul.tabs li a {
	padding: 5px 10px;
	font-size: .7em;
	font-weight: normal;
	color: #bbbfc3;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
#nav li#t-explore ul.tabs li#t-backboard a,
body#explore #nav li#t-explore:hover ul.tabs li#t-backboard a {
	padding-left: 25px;
	background-image: url(/Content/dribbble/images/icon-backboard-sub.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}
#nav li#t-profile ul.tabs li a:hover,
body#user-profile #nav li#t-profile ul.tabs li a:hover,
#nav li#t-shots ul.tabs li a:hover,
body#shots #nav li#t-shots ul.tabs li a:hover,
#nav li#t-players ul.tabs li a:hover,
body#players #nav li#t-players ul.tabs li a:hover,
#nav li#t-explore ul.tabs li a:hover,
body#explore #nav li#t-explore ul.tabs li a:hover {
	color: #fff;
	background: rgba(255,255,255,.1);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
#nav li#t-profile ul.tabs li a:active,
body#user-profile #nav li#t-profile ul.tabs li a:active,
#nav li#t-shots ul.tabs li a:active,
body#shots #nav li#t-shots ul.tabs li a:active,
#nav li#t-players ul.tabs li a:active,
body#players #nav li#t-players ul.tabs li a:active,
#nav li#t-explore ul.tabs li a:active,
body#explore #nav li#t-explore ul.tabs li a:active {
	background: rgba(0,0,0,.15);
	}

#nav li#t-profile ul.tabs li:last-child a,
#nav li#t-shots ul.tabs li:last-child a,
#nav li#t-players ul.tabs li:last-child a,
#nav li#t-explore ul.tabs li:last-child a {
	border-bottom: none;
	}

/* main styles
--------------------------------------------- */

/* logged-in box */

#home-h {
	position: relative;
	}
#home-h img {
	position: absolute;
	top: -16px;
	right: 5px;
	}

/* homepage tagline non-logged */

a.tagline-action {
	margin: 0 0 0 3px;
	font-size: .8em;
	font-weight: bold;
	padding-right: 12px;
	background: url(/Content/dribbble/images/icon-bluearrow.png) no-repeat 100% 4px;
	}
a.tagline-action:hover {
	background-position: 100% -18px;
	}

/* default styles */

div.full {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	}
div.title-alt h1,
div.title-alt p {
	padding-left: 240px;
	}
div.full p {
	font-size: 1.36em;
	line-height: 1.4;
	color: #777;
	}
div.full p span.could {
	border-bottom: 1px solid #bbb;
	}
div.full h2#action {
	margin: 20px 0 10px 0;
	text-align: left;
	font-weight: normal;
	color: #777;
	}
div.full h2#action a {
	text-decoration: underline;
	font-size: 1.6em;
	}
h1 {
	font-size: 1.8em;
	line-height: 1.5em;
	}
h1.title {
	font-weight: normal;
	line-height: 1.3;
	}
h1.compact {
	font-size: 1.36em;
	font-weight: normal;
	line-height: 1.3;
	color: #777;
	}
h1.compact strong {
	color: #333;
	}
h1.compact span.sep {
	margin: 0 2px;
	color: #bbb;
	text-shadow: none;
	}
h1.compact span.meta {
	margin-left: 4px;
	font-size: 11px;
	color: #bbb;
	}
h1 span.fn {	
	vertical-align: middle;
	}
h1 span.badge,
span.badge {
	padding: 1px 3px;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	background: #9399a0 url(/Content/dribbble/images/glass.png) repeat-x 0 50%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
h1 span.badge-prospect,
span.badge-prospect {
	background-color: #9399a0;
	}
h1 span.badge-pro,
span.badge-pro {
	background-color: #ea4c88;
	}
a:hover span.badge-pro {
	background-color: #df3e7b;
	}
a:active span.badge-pro {
	background-color: #c22b65;
	}
h1 span.badge-freeagent,
span.badge-freeagent {
	background-color: #f48100;
	}
h1 span.badge-freeagent-avatar,
span.badge-freeagent-avatar {
	position: absolute;
	top: 83px;
	left: -6px;
	width: 92px;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	background: url(/Content/dribbble/images/freeagent-badge.png) no-repeat 0 0;
	}
h1 span.callout {
	color: #ea4c88;
	}
h1 span.pro-title {
	padding: 2px 6px;
	font-size: .7em;
	line-height: 2.1;
	vertical-align: bottom;
	text-transform: uppercase;
	color: #fff;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
h1 em {
	font-weight: normal;
	font-style: normal;
	color: #777;
	}
#main div.full h1 {
	font-size: 1.6em;
	}
#main div.full p {
	font-size: 1.2em;
	}
em.size {
	font-style: normal;
	font-weight: bold;
	color: #999;
	}
div.notice {
	padding: 10px 12px;
	font-size: 1.7em;
	font-weight: normal;
	text-align: left;
	color: #fff;
	border-top: 1px solid #85aed3;
	border-bottom: 1px solid #ccc;
	background: #618fb9 url(/Content/dribbble/images/alert-lines.png) repeat-x top left;
	}
div.notice h2 {
	width: 940px;
	margin: 0 auto;
	font-weight: normal;
	text-align: center;
	}
div.notice a:link,
div.notice a:visited {
	color: #fff;
	text-decoration: underline;
	}
div.error {
	border-top-color: #fb6161;
	background-color: #df3b3b;
	}
div.info {
	border-top-color: #85aed3;
	background-color: #618fb9;
	}
div.success {
	border-top-color: #a4d178;
	background-color: #8aba56;
	}
p.stub {
	margin: 0 0 20px 0;
	font-size: 1.6em;
	line-height: 1.4;
	color: #bbb;
	text-align: center;
	}
p.explain {
	margin: 0 0 25px 0;
	font-size: 1.15em;
	line-height: 1.4;
	}

/* small flag bubble */

h2.flag {
	margin: 25px 0 15px 0;
	font-size: .75em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	padding: 4px 8px;
	background: url(/Content/dribbble/images/flag-bg1.gif) repeat-x 0 50%;
	}
h2.flag span {
	padding: 0 6px;
	background: url(/Content/dribbble/images/tile.gif);
	}

/* small section header */

h2.section {
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	font-size: .8em;
	line-height: 1;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255,255,255,.9);
	background: url(/Content/dribbble/images/border-2px.gif) repeat-x bottom left;
	overflow: hidden;
	}
h2.section-alt {
	margin: 0 0 10px 0;
	padding-bottom: 0;
	border: none;
	background: none;
	}
h2.section span.meta {
	font-weight: normal;
	line-height: .9em;
	color: #666;
	}
h2.section span.alt {
	text-transform: none;
	}
h2.section span.size {
	text-transform: none;
	font-weight: normal;
	color: #666;
	}
h2.section span.section-callout {
	color: #ea4c88;
	}
h2.fans {
	padding-left: 16px;
	background: url(/Content/dribbble/images/icon-hearts.gif) no-repeat 0 -32px;
	}
h2.section a.crop {
	float: right;
	padding-left: 16px;
	background: url(/Content/dribbble/images/icon-crop.gif) no-repeat 0 50%;
	}

/* special badge */

h3.special {
	margin: 0 0 10px 0;
	font-size: .8em;
	font-weight: normal;
	color: #777;
	}
h3.special span.special-flag {
	padding: 2px 16px 3px 6px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
	background: #ea4c88 url(/Content/dribbble/images/flag-cutout.png) no-repeat 100% 50%;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
h3.special span.special-featured {
	background-color: #ea4c88;
	}
h3.special span.special-alt {
	background-color: #9299a0;
	}
h3.special span.sponsored {
	float: right;
	margin: 0 6px 0 0;
	color: #777;
	}
h3.special span.sponsored a {
	font-weight: bold;
	text-decoration: underline;
	}
h3.special a.date-more {
	padding-right: 12px;
	background: url(/Content/dribbble/images/icon-bluearrow.png) no-repeat 100% 2px;
	}
h3.special a.date-more:hover {
	background-position: 100% -20px;
	}

/* subnav tabs */

#wrap ul.tabs {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	border-bottom: 1px solid rgba(255,255,255,.9);
	background: url(/Content/dribbble/images/border-2px.gif) repeat-x bottom left;
	}
#wrap ul.tabs:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#wrap ul.tabs li {
	float: left;
	margin: 0 20px 0 0;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	color: #aaa;
	}
#wrap ul.tabs li.last {
	margin-right: 0;
	}
#wrap ul.tabs li span.meta {
	font-weight: normal;
	color: #aaa;
	}
#wrap ul.tabs li a,
#wrap ul.tabs li span.empty {
	float: left;
	padding: 0 0 8px 0;
	height: 12px;
	text-decoration: none;
	}
#wrap ul.tabs li a span.meta {
	line-height: 12px;
	color: rgba(64,131,169,.8);
	}
#wrap ul.tabs li a:hover {
	background: url(/Content/dribbble/images/tab-over-2px.gif) repeat-x bottom left;
	}
#wrap ul.tabs li a:hover,
#wrap ul.tabs li a:hover span.meta {
	color: #205f82;
	}
#wrap ul.tabs li.unpublished a {
	color: #999;
	}
#wrap ul.tabs li.unpublished a span.meta {
	color: #bbb;
	}
#wrap ul.tabs li.active a,
#wrap ul.tabs li.active span.empty {
	color: #333;
	background: url(/Content/dribbble/images/tab-on-2px.gif) repeat-x bottom left;
	}
#wrap ul.tabs li.active a span.meta {
	color: #777;
	}
ul.tabs li a span.notify {
	padding: 1px 8px;
	text-transform: none;
	font-weight: bold;
	color: #fff;
	background: #8aba56;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	}
ul.tabs li.active a span.notify {
	background: #666;
	}

/* tabs with bigger numbers */

#wrap ul.tabs-numbers {
	margin-top: -.2em;
	font-size: 1em;
	}

/* main dribbble list */

ol.dribbbles li {
	position: relative;
	width: 220px;
	float: left;
	padding: 0;
	margin: 0 20px 30px 0;
	}
ol.dribbbles li.third {
	margin-right: 0;
	}
ol.dribbbles li h2 {
	max-height: 16px;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	color: #999;
	vertical-align: middle;
	}
ol.dribbbles li h2 a img {
	float: left;
	width: 16px;
	max-height: 16px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	}
ol.dribbbles li h2 a {
	font-weight: bold;
	text-decoration: none;
	}
ol.dribbbles li h2 a:hover img {
	width: 16px;
	}
ol.dribbbles li h2 span.badge {
	font-size: 9px;
	line-height: 16px;
	vertical-align: top;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	}
ol.dribbbles li:hover h2 span.badge-pro {
	opacity: 1;
	}
ol.dribbbles li div.dribbble {
	position: relative;
	clear: left;
	padding: 0 0 10px 0;
	background: url(/Content/dribbble/images/dribbble-bottom-sm.png) no-repeat bottom left;
	overflow: hidden;
	}
ol.dribbbles li div.dribbble div.dribbble-shot {
	padding: 10px;
	background: url(/Content/dribbble/images/dribbble-check-sm.gif) no-repeat top left;
	}
ol.dribbbles li div.dribbble a.dribbble-over {
	opacity: 0; /* revealed on hover with jQuery */
	filter: alpha(opacity = 0); /* IE hack */
	position: absolute;
	top: 10px;
	left: 10px;
	width: 180px;
	height: 130px;
	margin: 0;
	padding: 10px;
	font-size: .8em;
	line-height: 2em;
	text-decoration: none;
	color: #888;
	background: url(/Content/dribbble/images/zoom-bg-white.png) no-repeat bottom right;
	}
ol.dribbbles li div.dribbble a.dribbble-over strong {
	display: block;
	margin: 0;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #ea4c88;
	}
ol.dribbbles li div.dribbble a.dribbble-over span.dim {
	font-weight: bold;
	color: #666;
	}
ol.dribbbles li div.dribbble a.dribbble-over em {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0 0 3px 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	color: #888;
	}
ol.dribbbles li div.dribbble-img {
	width: 200px;
	height: 150px;
	overflow: hidden;
	}
ol.dribbbles-tease li {
	margin-bottom: 20px;
	}
ol.dribbbles-tease li div.dribbble div.dribbble-shot {
	background: #fff;
	}
ol.dribbbles-tease li div.dribbble-img {
	height: 130px;
	}

/* mark as a rebound */

ol.dribbbles li div.dribbble div.extras {
	position: absolute;
	bottom: 17px;
	left: 10px;
	z-index: 2;
	}
ol.dribbbles li div.dribbble span.rebound-mark {
	float: left;
	margin: 0 5px 0 0;
	}
ol.dribbbles li div.dribbble span.has-rebounds {
	padding: 0 0 0 9px;
	font-size: .78em;
	line-height: 1.5;
	color: #8aba56;
	background: url(/Content/dribbble/images/icon-rebound-source.png) no-repeat 0 0;
	}

/* mark if has attachments */

ol.dribbbles li div.dribbble span.attachments-mark {
	float: left;
	}

/* tool icons */

ol.dribbbles li ul.tools {
	margin: 10px 0 0 0;
	text-align: left;
	}
ul.tools li {
	float: right;
	width: auto;
	margin: 0 0 0 12px;
	display: inline;
	font-size: 11px;
	line-height: 1;
	color: #aaa;
	}
ul.tools li.rebound {
	float: left;
	}
ul.tools li a {
	text-decoration: none;
	color: #aaa;
	}
ul.tools li.views {
	margin-left: 0;
	border-left: none;
	padding-left: 19px;
	background: url(/Content/dribbble/images/icon-views-sm.png) no-repeat 0 50%;
	}
ul.tools li.current-user-view {
	background-image: url(/Content/dribbble/images/icon-views-sm.png);
	}
li.cmnt a,
li.cmnt span {
	padding-left: 15px;
	background: url(/Content/dribbble/images/icon-comments.png) no-repeat 0 0;
	}
li.cmnt a:hover {
	background-position: 0 -15px;
	}
li.current-user-cmnt a {
	background-position: 0 0;
	}
li.comments-since a {
	background-position: 0 -45px;
	}
li.fav a,
li.fav span {
	padding-left: 15px;
	background: url(/Content/dribbble/images/icon-hearts.gif) no-repeat 0 0;
	}
li.fav a:hover {
	background-position: 0 -17px;
	}
li.fav.marked a,
li.fav.marked span {
	background-position: 0 -34px;
	}
li.fav strong a,
li.fav.marked strong a {
	color: #999;
	text-decoration: underline;
	}
ul.tools li a:hover {
	color: #777;
	}
li.progress a.fav-toggle {
	background: url(/Content/dribbble/images/ajax-bounce.gif) no-repeat 0 0;
	}

/* multi-grid */

div.multi {
	margin: 15px 0;
	padding: 15px 0 0 0;
	border-top: 2px solid #ddd;
	}
div.multi:first-of-type {
	padding-top: 0;
	border-top: none;
	}
div.multi ol.dribbbles {
	float: left;
	}
div.multi ol.dribbbles li.group {
	margin: 0;
	}
ol.multi-grid {
	float: right;
	width: 480px;
	}
#secondary ol.multi-grid {
	float: none;
	width: 240px;
	margin-left: -20px;
	}
ol.multi-grid li.multi-thumb {
	position: relative;
	float: left;
	width: 88px;
	height: 66px;
	margin: 0 0 18px 20px;
	padding: 6px 6px 16px 6px;
	background: url(/Content/dribbble/images/multi-frame.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom {
	float: left;
	width: 88px;
	height: 66px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
ol.multi-grid li.multi-thumb a.zoom img {
	float: left;
	max-width: 88px;
	max-height: 66px;
	margin: 0;
	padding: 0;
	}
ol.multi-grid li.multi-thumb a.zoom strong {
	position: absolute;
	top: 6px;
	left: 6px;
	opacity: 0; /* revealed with jQuery */
	filter: alpha(opacity = 0); /* IE hack */
	height: 66px;
	width: 88px;
	line-height: 66px;
	text-align: center;
	background: url(/Content/dribbble/images/multi-zoom.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom strong span {
	padding: 0 0 0 18px;
	font-weight: normal;
	color: #666;
	background: url(/Content/dribbble/images/icon-like16.png) no-repeat 0 0;
	}
#secondary ol.multi-rebounds li.multi-thumb a.zoom strong span {
	color: #8aba56;
	background: url(/Content/dribbble/images/icon-hasrebounds-16.png) no-repeat 0 0;
	}
ol.multi-grid li.multi-thumb a.zoom strong span.marked {
	background-image: url(/Content/dribbble/images/icon-liked16.png);
	}
ol.multi-grid li.multi-thumb div.tipsy-player {
	display: none;
	}
span.tipsy-player-link a {
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	}
span.tipsy-player-link img.photo {
	float: left;
	width: 16px;
	margin: 0 5px 0 0;
	}

/* mutli grid with 5 shots */

div.multi-5 ol.multi-grid {
	float: left;
	width: 240px;
	}
div.multi-5 div.multi-meta {
	float: left;
	margin-right: 20px;
	width: 220px;
	}

/* page */

div.page {
	padding: 20px 0 0 0;
	font-weight: bold;
	text-align: center;
	border-top: 2px solid #ccc;
	}
#comments-section div.page {
	margin-bottom: 40px;
	border-width: 1px;
	}
div.page-top {
	float: right;
	padding: 3px 0 0 0;
	border: none;
	}
div.page span.disabled {
	padding: 6px 12px;
	font-weight: normal;
	color: #bbb;
	}
div.page a {
	margin: 0;
	padding: 7px 12px;
	font-size: 1em;
	line-height: 1;
	text-decoration: none;
	color: #666;
	background: #d3d3d3 url(/Content/dribbble/images/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
div.page-top a {
	padding: 0;
	font-weight: normal;
	color: #4083a9;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
div.page-top span.calendar {
	margin: 0 6px;
	padding: 2px 0;
	font-weight: bold;	
	}
div.page-top a.prev_page {
	padding-left: 8px;
	padding-right: 6px;
	border-right: 1px solid #ddd;
	background: url(/Content/dribbble/images/arrow-prev.gif) no-repeat 0 3px;
	}
div.page-top a.next_page {
	padding-right: 8px;
	padding-left: 6px;
	border-left: 1px solid #ddd;
	background: url(/Content/dribbble/images/arrow-next.gif) no-repeat 100% 3px;
	}
div.page a:hover {
	color: #fff;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
div.page-top a.prev_page:hover {
	color: #205f82;
	background: url(/Content/dribbble/images/arrow-prev.gif) no-repeat 0 3px;
	}
div.page-top a.next_page:hover {
	color: #205f82;
	background: url(/Content/dribbble/images/arrow-next.gif) no-repeat 100% 3px;
	}

/* add form */

#add {
	margin: 0 0 20px 0;
	text-align: center;
	}
#add fieldset#url {
	display: none;
	}
#add #add-btn {
	margin: 20px 0 0 0;
	font-size: 1.1em;
	}
#add #add-btn input.form-sub {	
	padding: 10px 50px;
	}
#add #add-btn p {
	margin: 8px 0 0 15px;
	font-size: .9em;
	color: #777;
	}
#add fieldset input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #333;
	}
#add fieldset#upload input {
	width: 300px;
	padding: 10px;
	font-size: 1em;
	border: none;
	color: #555;
	background: rgba(0,0,0,.07);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#add fieldset p.toggle {
	float: right;
	margin: 8px 0 0 10px;
	font-size: .8em;
	font-weight: bold;
	}
#add p.meta {
	margin: 20px 0 0 0;
	font-size: 12px;
	color: #999;
	}

/* general form */

div.session-form {
	margin: 0;
	}
div.message {
	float: left;
	color: #777;
	}
div.message h2 {
	margin: 0 0 4px 0;
	font-size: 1.2em;
	}
div.message p {
	font-size: 1.2em;
	}
form.gen-form {
	margin: 20px 0 0 0;
	}
form#invite-form {
	margin-bottom: 30px;
	}
form.plain h2 {
	margin: 0 0 12px 0;
	}
form.gen-form fieldset,
form.with-messages div.form-field {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	}
form.plain fieldset {
	padding: 0 0 5px 0;
	border: none;
	}
form.with-messages fieldset {
	margin: 0;
	padding: 0;
	border-bottom: none;
	}
form.gen-form fieldset.last,
form.with-messages div.last {
	border: none;
	}
form.gen-form label {
	display: block;
	float: left;
	width: 230px;
	margin: .7em 20px 2px 0;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: right;
	}
form.gen-form label.label-top {
	margin-top: 0;
	}
form.plain label {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
	}
form.gen-form label.check {
	float: none;
	width: auto;
	margin: 0;
	text-align: left;
	}
form.gen-form label span {
	margin-right: 10px;
	font-size: .8em;
	font-weight: normal;
	color: #777;
	}
form.gen-form label.remember {
	display: inline;
	font-size: 1.2em;
	font-weight: normal;
	}
form.gen-form div.no-label fieldset {
	float: left;
	margin: -3px 0 0 250px;
	}
form.gen-form div.no-label span {
	font-size: .9em;
	line-height: 1;
	}
form.gen-form p.message {
	margin: 3px 0 0 250px;
	font-size: 11px;
	line-height: 1.5em;
	color: #999;
	}
form.gen-form p.message strong {
	font-weight: bold;
	color: #666;
	}
form.gen-form p.message code {
	font-family: Monaco, monospace;
	font-size: 1.1em;
	}
form.gen-form div.form-important {
	margin: 5px 0 5px 250px;
	padding: 5px 10px;
	font-size: .8em;
	line-height: 1.5em;
	color: #505d68;
	background: rgba(118,182,217,.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
form.gen-form fieldset.check {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	border: none;
	}
form.gen-form fieldset.check input {
	vertical-align: middle;
	margin-right: 5px;
	}
form.gen-form div.no-label fieldset input.input-check {
	margin-right: 5px;
	}
form.gen-form fieldset.check label {
	width: auto;
	font-size: .8em;
	}
form.gen-form fieldset input.form-text {
	width: 400px;
	padding: 5px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #333;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
form.gen-form fieldset textarea {
	width: 400px;
	height: 100px;
	padding: 5px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
form.gen-form fieldset input.form-text:focus,
form.gen-form fieldset textarea:focus {
	border-top-color: #ddd;
	background: #fff;
	outline-width: 0;
	}
form.gen-form fieldset div.ctrl-group {
	width: 400px;
	padding: 8px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.8;
	color: #333;
	}
form.gen-form div.form-btns {
	padding: 10px 0 0 250px;
	}
form.gen-form div.form-btns-only {
	text-align: center;
	}
form.plain div.form-btns {
	padding-left: 0;
	}
form.gen-form div.form-btns a.link {
	float: right;
	margin: 10px 0 0 0;
	font-size: 12px;
	}
form.gen-form input.signin {
	float: left;
	}
form.gen-form h3.section {
	margin: 15px 0;
	text-align: center;
	text-transform: uppercase;
	color: #999;
	background: url(/Content/dribbble/images/border-2px.gif) repeat-x 0 50%;
	}
form.gen-form h3.section span {
	padding: 0 6px;
	background: #f0f0f0 url(/Content/dribbble/images/tile.gif) repeat -70% 0;
	}

form span.or {
	margin: 0 4px;
	color: #999;
	}

/* char counts */

div.form-field-bio,
fieldset.bucket div.form-field {
	position: relative;
	}
span.counter {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	}
div.form-field-bio span.counter {
	position: absolute;
	bottom: 12px;
	right: 35px;
	}
fieldset.bucket div.form-field span.counter {
	position: absolute;
	top: 14px;
	right: 0;
	}
#bucket-add fieldset.bucket div.form-field span.counter,
#project-add fieldset.bucket div.form-field span.counter {
	font-size: 11px;
	right: 5px;
	top: 12px;
	}
span.counter.warning {
	color: #ea4c88;
	}
span.counter.exceeded {
	padding: 1px 4px;
	color: #fff;
	background: #df3b3b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	
/* form buttons */

.form-sub,
a.form-sub,
div.comment-body form.comment button[type="submit"] {
	padding: 7px 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: none;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.form-sub:hover,
.form-sub:focus,
a.form-sub:hover,
a.form-sub:focus,
div.comment-body form.comment button[type="submit"]:hover,
div.comment-body form.comment button[type="submit"]:focus {
	text-decoration: none;
	background-color: #df3e7b;
	}
.form-sub:active,
a.form-sub:active,
div.comment-body form.comment button[type="submit"]:active {
	text-decoration: none;
	background-color: #c22b65;
	}
.form-sub[disabled="disabled"] {
	opacity: .4;
	}
.form-btn,
a.form-btn,
div.comment-body form.comment button[type="cancel"] {
	padding: 7px 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #666 !important;
	border: none;
	background: #d3d3d3 url(/Content/dribbble/images/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
.form-btn:hover,
.form-btn:focus,
a.form-btn:hover,
a.form-btn:focus,
div.comment-body form.comment button[type="cancel"]:hover,
div.comment-body form.comment button[type="cancel"]:focus {
	text-decoration: none;
	background-color: #ccc;
	}
.form-btn:active,
a.form-btn:active,
div.comment-body form.comment button[type="cancel"]:active {
	text-decoration: none;
	background-color: #b9b9b9;
	}

/* avatar upload form */

#avatar-preview,
#avatar-preview-prefilled {
	margin-bottom: 20px;
	}
#avatar-preview form#delete-avatar-form img,
#avatar-preview-prefilled img {
	float: left;
	margin: 0 8px 10px 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
#avatar-preview-prefilled img {
	float: none;
	}
#avatar-form {
	clear: both;
	}
#avatar-preview a.edit-text {
	margin-right: 5px;
	}
#avatar-preview input.form-btn {
	margin: 5px 0 0 0;
	font-size: .9em;
	}
#avatar-preview p.info {
	padding: 8px 0 0 0;
	}

/* authentications */

a.auth-twitter,
.auth-twitter {
	display: block;
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	padding: 10px 14px 10px 42px;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	color: rgba(255,255,255,.9);
	border: none;
	background: url(/Content/dribbble/images/icon-twitter-t.png) no-repeat 12px 50%;
	background:
		url(/Content/dribbble/images/icon-twitter-t.png) no-repeat 12px 50%,
		url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	background-color: #1d88b4;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
.auth-nonlink {
	padding-right: 26px;
	color: #555;
	border: 1px solid #ccc;
	background-color: #ddd;
	}
a.auth-twitter:hover,
input.auth-twitter:hover {
	color: #fff;
	background-color: #197ea7;
	}
a.auth-twitter:active,
input.auth-twitter:active {
	background-color: #15739a;
	}
a.auth-generic,
.auth-generic {
	display: block;
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	padding: 10px 14px;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	border: none;
	background: url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	background-color: #ea4c88;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
a.auth-generic:hover,
input.auth-generic:hover {
	color: #fff;
	background-color: #df3e7b;
	}
a.auth-generic:active,
input.auth-generic:active {
	background-color: #c22b65;
	}
a.auth-subdued,
.auth-subdued {
	background-color: #95989c;
	}
a.auth-subdued:hover {
	color: #fff;
	background-color: #8a8d91;
	}
a.auth-subdued:active {
	background-color: #7b7e82;
	}


.auth-twitter a.remove {
	position: absolute;
	top: -2px;
	right: -7px;
	margin: 6px 12px 0 0;
	padding: 0;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	color: #999;
	background: url(/Content/dribbble/images/icon-tagx.png) no-repeat 0 0;
	z-index: 3;
	}
.auth-twitter a.remove:hover {
	background-position: 0 -12px;
	}
.auth-twitter a.remove img {
	height: 0;
	}

/* edit view form overrides */

div.edit-form {
	float: right;
	width: 480px;
	}
div.edit-form form.gen-form {
	margin-top: 0;
	}
div.edit-form form.gen-form fieldset.first {
	padding-top: 0;
	}
div.edit-form form.gen-form label {
	float: none;
	width: auto;
	margin-top: 0;
	font-weight: bold;
	text-align: left;
	}
div.edit-form form.gen-form label[for="screenshot_project"] {
	margin: 0;
	padding: 0 0 0 21px;
	background: url(/Content/dribbble/images/icon-addtoproject.png) no-repeat 0 50%;
	}
div.edit-form form.gen-form label[for="screenshot_project"] a {
	font-size: 12px;
	}
div.edit-form form.gen-form label[for="screenshot_project"] a.remove-from-project {
	margin-left: 5px;
	font-weight: normal;
	}
div.edit-form form.gen-form label span {	
	margin-left: 10px;
	}
div.edit-form form.gen-form fieldset input.form-text {
	width: 465px;
	}
div.edit-form form.gen-form fieldset textarea {
	width: 465px;
	height: 100px;
	}
div.edit-form form.gen-form fieldset ol.projects {	
	margin: 10px 0 0 0;
	}
div.edit-form form.gen-form div.form-btns {
	padding: 10px 0 0 0;
	}
div.edit-form form.gen-form div.form-btns input {
	margin: 0;
	}
div.edit-form form.gen-form fieldset p.tag-help-edit {
	padding: 4px 60px 0 0;
	font-size: .8em;
	line-height: 1.5;
	color: #999;
	}
#publish-screenshot-btn {
	float: left;
	margin-right: 6px;
	}
#cancel-screenshot-form {
	float: left;
	padding-top: 10px;
	}
#cancel-screenshot-form input {
	margin: 0;
	}

/* bucket editing */

#the-shot-group {
	float: left;
	width: 460px;
	margin: 10px 0 0 0;
	}
#the-shot-group ol.dribbbles {
	float: left;
	}
#the-shot-group ol.dribbbles li {
	margin-right: 0;
	}
#the-shot-group ol.multi-grid {
	float: right;
	width: 240px;
	margin-left: 0;
	}

div.edit-bucket {
	width: 460px;
	}
div.edit-bucket form.gen-form fieldset input.form-text {
	width: 445px;
	}
div.edit-bucket form.gen-form fieldset textarea {
	width: 445px;
	height: 100px;
	}

/* dribbble view styles
--------------------------------------------- */

#screenshot-dash {
	margin: 5px 0 0 0;
	font-size: .9em;
	font-weight: bold;
	}
#screenshot-dash a.prev {
	float: left;
	padding-left: 8px;
	background: url(/Content/dribbble/images/arrow-prev.gif) no-repeat 0 5px;
	}
#screenshot-dash a.next {
	float: right;
	padding-right: 8px;
	background: url(/Content/dribbble/images/arrow-next.gif) no-repeat 100% 5px;
	}

/* the screenshot title */

div.single-title {
	font-size: .9em;
	overflow: hidden;
	}
div.single-title a img {
	float: left;
	width: 48px;
	margin: 0 8px 0 0;
	vertical-align: middle;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
div.single-title a:hover img {	
	background: #e5e5e5;
	}
div.single-title h1 {
	margin-left: 60px;
	line-height: 1.5;
	}
div.single-title h2,
div.single-title div.shot-byline {
	margin-left: 60px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4;
	color: #999;
	}
div.single-title div.shot-byline span.shot-byline-user {	
	float: left;
	}
div.single-title div.shot-byline span.badge {	
	float: left;
	height: 16px;
	margin: 2px 0 0 5px;
	padding: 2px 3px;
	}
div.single-title h2 a,
div.single-title div.shot-byline a {
	font-size: 1em;
	font-weight: bold;
	}
div.single-title div.shot-byline div.follow-prompt,
div.single-title div.shot-byline div.follow-prompt form {	
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}
div.single-title div.shot-byline div.follow-prompt {	
	margin: 0 3px 0 5px;
	}
div.single-title div.shot-byline a.follow,
div.single-title div.shot-byline a.following {
	margin: 2px 0 0 0;
	padding: 3px;
	width: 8px;
	height: 8px;
	margin-right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
div.single-title div.shot-byline a.follow span,
div.single-title div.shot-byline a.following span {	
	float: left;
	width: 10px;
	padding-left: 8px;
	text-indent: -999em;
	}
div.single-title div.shot-byline a.follow span {	
	background-image: url(/Content/dribbble/images/icon-mini-follow.png);
	background-position: 0 0;
	}
div.single-title div.shot-byline a.follow:hover span {	
	background-image: url(/Content/dribbble/images/icon-mini-follow-hov.png);
	background-position: 0 0;
	}
div.single-title div.shot-byline a.following span {	
	background-image: url(/Content/dribbble/images/icon-mini-following.png);
	background-position: 0 0;
	}
div.single-title div.shot-byline a.following:hover span {	
	background-image: url(/Content/dribbble/images/icon-mini-unfollow.png);
	background-position: 0 0;
	}
div.fans div.fans-shot {
	float: left;
	width: 88px;
	height: 66px;
	margin: 0 10px 0 0;
	padding: 6px 6px 16px 6px;
	background: url(/Content/dribbble/images/multi-frame.png) no-repeat 0 0;
	}
div.fans div.fans-shot a {
	float: left;
	width: 88px;
	height: 66px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
div.fans div.fans-shot a img {
	width: auto;
	max-width: 88px;
	max-height: 66px;
	padding: 0;
	border: none;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;	
	border-radius: 0;
	}

/* the screenshot */

#the-shot {
	float: left;
	width: 440px;
	padding: 0 0 15px 0;
	background: url(/Content/dribbble/images/dribbble-shadow-lg.png) no-repeat bottom right;
	}
#single {
	width: 400px;
	min-height: 300px;
	margin: 0;
	padding: 20px;
	border: 1px solid #e5e5e5;
	background: #fff;
	overflow: hidden;
	}
#single-grid {
	display: table;
	width: 400px;
	height: 300px;
	background: url(/Content/dribbble/images/dribbble-checkerbg-lg.gif) no-repeat top left;
	overflow: hidden;
	}
#single-grid #single-img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
#single-desc {
	margin: 10px 0 25px 0;
	padding: 0;
	color: #333;
	}
#screenshot-description {
	font-size: 1.1em;
	line-height: 1.4em;
	}

/* date, dimensions and pixel count */

span.screenshot-dash,
div.screenshot-dash {
	float: left;
	margin: 2px 0 0 0;
	font-size: 12px;
	color: #999;
	}
div.screenshot-dash {
	margin-left: 4px;
	}
span.screenshot-dash span.sep,
div.screenshot-dash span.sep {
	margin: 0 4px;
	color: #ccc;
	text-shadow: 1px 1px 1px #fff;
	}
span.screenshot-dash strong {
	font-weight: bold;	
	}
span.screenshot-dash strong.views {	
	padding-left: 20px;
	font-weight: normal;
	background: url(/Content/dribbble/images/icon-views.png) no-repeat 0 48%;
	}
strong.project {	
	padding: 1px 0 1px 21px;
	font-size: 12px;
	font-weight: normal;
	background: url(/Content/dribbble/images/icon-addtoproject.png) no-repeat 0 50%;
	}
div.shot-byline strong.project-add a {	
	font-weight: normal;
	color: #999;
	}
div.shot-byline strong.project-add a:hover {	
	color: #666;
	}
form.remove-from-project {
	display: none;
	}
div.shot-byline:hover form.remove-from-project {
	display: inline;
	}
form.remove-from-project div {
	display: inline;
	}
form.remove-from-project input {
	padding: 2px 0 0 2px;
	line-height: 12px;
	vertical-align: top;
	opacity: .4;
	}
form.remove-from-project input:hover {
	opacity: 1;
	}
span.screenshot-dash em {
	font-size: .8em;
	font-style: normal;
	color: #999;
	}
		
/* rebound */

div.the-rebound {
	margin: 20px 0 0 0;
	}
div.full div.the-rebound {
	float: left;
	width: 440px;
	margin: 10px 0 20px 0;
	}
div.full div.the-rebound-img {
	font-size: 1.2em;
	}
ol.comments li div.the-rebound {
	float: none;
	clear: none;
	width: auto;
	}
div.the-rebound div.dribbble-img {
	position: relative;
	float: left;
	width: 88px;
	height: 66px;
	margin: 0 10px 0 0;
	padding: 6px 6px 16px 6px;
	background: url(/Content/dribbble/images/multi-frame.png) no-repeat 0 0;
	}
div.the-rebound div.dribbble-img a.dribbble-link {
	float: left;
	width: 88px;
	height: 66px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
div.the-rebound div.dribbble-img a.dribbble-link img {
	width: auto;
	max-width: 88px;
	max-height: 66px;
	padding: 0;
	border: none;
	background: none;
	}
div.the-rebound a.dribbble-over {
	position: absolute;
	top: 6px;
	left: 6px;
	opacity: 0; /* revealed with jQuery */
	filter: alpha(opacity = 0); /* IE hack */
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: url(/Content/dribbble/images/thumb-zoom.png) no-repeat 0 0;
	}
h3.rebound-flag {
	margin: 4px 0 4px 110px;
	padding: 5px 0 0 20px;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	color: #8aba56;
	background: url(/Content/dribbble/images/icon-rebound.png) no-repeat 0 5px;
	}
div.the-rebound h3.rebound-title {
	margin: 0 0 4px 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3;
	}
div.the-rebound h4 {
	margin: 0 0 4px 0;
	font-size: .9em;
	line-height: 1.3;
	font-weight: normal;
	color: rgba(0,0,0,.5);
	}
div.the-rebound h4 a {
	font-weight: normal;
	}
div.the-rebound h4 span.badge {
	font-size: 9px;
	line-height: 1.8;
	vertical-align: top;
	}
div.the-rebound p {
	font-size: .9em;
	line-height: 1.3;
	color: rgba(0,0,0,.5);
	}

/* attachments on shot detail */

div.attach {
	min-height: 30px;
	margin: 20px 0 0 0;
	padding-left: 38px;
	background: url(/Content/dribbble/images/icon-attachment-lg.png) no-repeat 0 0;
	}
div.attach h3 {
	margin: 0 0 5px 0;
	font-size: .75em;
	line-height: 1;
	text-transform: uppercase;
	color: #444;
	}
div.attach ul li {
	margin: 0 0 4px 0;
	font-size: .8em;
	line-height: 1;
	}
div.attach ul li:last-child {
	margin-bottom: 0;
	}
div.attach ul li a {
	font-weight: bold;
	}
div.attach ul li em {
	margin-left: 3px;
	font-size: .95em;
	font-style: normal;
	color: #bbb;
	}
div.attach ul li a.delete-attachment {
	display: inline-block;
	margin: -2px 0 0 3px;
	padding: 0;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	color: #999;
	background: url(/Content/dribbble/images/icon-tagx.png) no-repeat 0 0;
	z-index: 3;
	}
div.attach ul li a.delete-attachment:hover {
	background-position: 0 -12px;
	}
div.attach ul li a.delete-attachment img {
	height: 0;
	}
div.attach form {
	margin-top: 10px;
	}
div.attach div.attach-upld-btn {
	margin: 5px 0 0 0;
	}
div.attach div.attach-upld-btn input.form-sub {
	padding: 5px 8px;
	font-size: .75em;
	}
div.attach p.note {
	margin: 5px 0 0 0;
	font-size: .75em;
	color: #999;
	}

/* screenshot meta col */

#screenshot-meta {
	float: left;
	margin-right: 10px;
	width: 220px;
	}
#screenshot-edit #screenshot-meta {
	width: 480px;
	}
h3.meta-head {
	margin-top: 20px;
	padding: 0 12px 8px 12px;
	font-size: .9em;
	font-weight: normal;
	color: #333;
	}
div.meta-act {
	border-bottom: 1px solid #ddd;
	}
div.meta-act-last {
	border-bottom: none;
	}
div.meta-act .meta-act-link {
	display: block;
	padding: 8px 12px 8px 35px;
	font-size: .9em;
	font-weight: bold;
	color: #333;
	background-repeat: no-repeat;
	background-position: 12px 50%;
	z-index: 555;
	}
div.meta-act .meta-act-link em {
	font-style: normal;
	font-weight: normal;
	color: #666;
	}
div.meta-act a.meta-act-link:hover {
	color: #555;
	background-color: rgba(255,255,255,.5);
	}
div.meta-act a.meta-like {
	background-image: url(/Content/dribbble/images/icon-like16.png);
	}
div.meta-act span.meta-views {
	background-image: url(/Content/dribbble/images/icon-views.png);
	}
div.meta-act a.meta-rebound {
	background-image: url(/Content/dribbble/images/icon-rebound16.png);
	}
div.meta-act a.meta-project {
	background: url(/Content/dribbble/images/icon-addtoproject.png) no-repeat 12px 8px;
	}
div.meta-act a.meta-project span.project-name {		
	display: block;
	margin: 3px 0 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	}
div.meta-act a.meta-bucket {
	background-image: url(/Content/dribbble/images/icon-bucket.png);
	background-position: 9px 8px;
	}
div.meta-act div.bucketed a.meta-bucket {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-bucketed.png);
	}
div.meta-act a.meta-tweet {
	background-image: url(/Content/dribbble/images/icon-tweet16.png);
	}
div.meta-act div.meta-share {
	background-image: url(/Content/dribbble/images/icon-short16.png);
	}
div.meta-act div.meta-colors {
	padding-right: 0;
	background-image: url(/Content/dribbble/images/icon-colordrop.png);
	}
div.meta-act div.meta-colors ul.color-chips {
	margin: 1px 0 0 0;
	}
div.meta-act div.meta-colors ul.color-chips li {
	margin: 0;
	}
div.meta-act div.meta-colors ul.color-chips li a {
	width: 23px;
	}
div.meta-act div.meta-colors ul.color-chips li:last-child a {
	width: 24px;
	}
div.meta-act a.meta-edit {
	border-bottom: none;
	background-image: url(/Content/dribbble/images/icon-edit16.png);
	}
div.meta-act a.meta-addtags {
	background-image: url(/Content/dribbble/images/icon-addtags16.png);
	}
div.meta-act a.meta-alljobs {
	background-image: url(/Content/dribbble/images/icon-meta-act-back.png);
	}
div.fav,
div.rebound,
div.bucket,
div.project {
	position: relative;
	}
div.fav strong.fav-number,
div.rebound strong.rebound-number,
div.bucket strong.bucket-number,
div.project strong.project-number {
	position: absolute;
	top: 0;
	right: 0;
	font-size: .8em;
	font-weight: normal;
	color: #777;
	z-index: 777;
	}
div.fav strong.fav-number a,
div.rebound strong.rebound-number a,
div.bucket strong.bucket-number a,
div.project strong.project-number a {
	display: block;
	font-weight: bold;
	padding: 8px 12px;
	}
div.fav a.action {
	float: left;
	font-size: .9em;
	line-height: 1.2;
	}
div.fav a.action span {
	padding-left: 17px;
	background: url(/Content/dribbble/images/icon-like.gif) no-repeat 0 50%;
	}
div.fav a.action:hover span {
	background-image: url(/Content/dribbble/images/icon-liked.gif);
	}
div.fav a.pass span {
	padding-left: 26px;
	background-image: url(/Content/dribbble/images/icon-pass.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
div.meta-act div.marked a.meta-act-link {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-liked16.png);
	}

div.fav .likes {
	padding-left: 17px;
	font-weight: bold;
	background: url(/Content/dribbble/images/icon-hearts.gif) no-repeat 0 -32px;
	}
div.fav span.likes {
	font-weight: normal;
	color: #999;
	background: url(/Content/dribbble/images/icon-like.gif) no-repeat 0 50%;
	}

/* help pop up */

.help-pop {
	display: none;
	position: absolute;
	top: 6px;
	left: -19px;
	margin-left: 3px;
	padding: 2px 5px;
	-webkit-transition: opacity .2s linear;
	}
div.meta-act:hover .help-pop {
	display: block;
	}
.help-pop:hover {
	opacity: .7;
	}

/* comments */

#comments-section {
	float: left;
	width: 440px;
	margin: 25px 0;
	}
ol.comments li {
	position: relative;
	}
ol.comments li.response {
	float: none;
	width: auto;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #555;
	border-bottom: 1px solid #ddd;
	}
ol.comments li:last-child {
	border-bottom: none;
	}
ol.comments li h2 img {
	float: left;
	width: 32px;
	margin: 1px 10px 0 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
ol.comments li h2 span.badge {
	position: absolute;
	top: 43px;
	left: 0;
	width: 36px;
	height: 10px;
	margin: 2px 0 0 0;
	padding: 2px 3px;
	text-align: center;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	}
ol.comments li:hover h2 span.badge {
	opacity: 1;
	}
ol.comments li h2 a:hover img {
	background: #e5e5e5;
	}
ol.comments li div.comment-body {
	width: 388px;
	margin: 0 0 0 52px;
	overflow: hidden;
	}
ol.comments li div.comment-body p {
	margin: 0 0 10px 0;
	padding: 0;
	}
ol.comments li div.comment-body p code {
	font-family: Monaco, monospace;
	font-size: 1.1em;
	color: #666;
	}
ol.comments li div.comment-body strong.plus1 {
	margin: 0 2px 0 0;
	padding: 1px 3px;
	font-size: .8em;
	color: #fff;
	background: #8aba56 url(/Content/dribbble/images/glass.png) repeat-x 0 50%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
ol.comments li a.posted:hover {
	text-decoration: none;
	color: #777;
	}
ol.comments li p.comment-meta {
	margin: 0 0 15px 52px;
	font-size: .75em;
	line-height: 1;
	color: #ccc;
	}
ol.comments li p.comment-meta a {
	color: #999;
	}
ol.comments li p.comment-meta a:hover {
	color: #666;
	}
ol.comments li p.comment-meta span.sep {
	margin: 0 3px;
	}

/* liking comments */

ol.comments li span.comment-meta-likes {
	float: right;
	white-space: nowrap;
	font-size: .78em;
	line-height: 1;
	}
ol.comments li a.likes-list {
	float: right;
	font-weight: normal;
	color: #aaa;
	padding-left: 15px;
	background: url(/Content/dribbble/images/icon-hearts.gif) no-repeat 0 0;
	}
ol.comments li a.likes-list:hover {
	color: #555;
	background-position: 0 -17px;
	}
ol.comments li a.liked-by-current-user {
	background-position: 0 -34px;
	}
ol.comments li p.comment-meta a.liked-by-current-user {
	font-weight: bold;
	color: #ea4c88;
	}

ol.comments li div.comment-likes ol.players-list {
	margin: 0 0 10px 50px;
	padding: 0;
	}
ol.comments li div.comment-likes ol.players-list li {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}
ol.comments li div.comment-likes li img {
	float: right;
	width: 24px;
	margin: 1px 0 5px 5px;
	padding: 3px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
ol.comments li div.comment-likes li a:hover img {
	background: #e5e5e5;
	}

/* rebounds */

ol.comments li div.the-rebound {
	margin: -3px 0 5px 0;
	padding: 0;
	background: none;
	}
ol.comments li.response div.comment-body div.the-rebound p {
	margin-bottom: 6px;
	}
ol.comments li ul.tools {
	float: right;
	}

/* add comment form */

form.comment textarea {
	width: 424px;
	height: 100px;
	margin: 0 0 10px 0;
	padding: 5px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #555;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
div.comment-body form.comment {
	margin-bottom: 20px;
	}
div.comment-body form.comment textarea {
	width: 372px;
	}
form.comment textarea:focus {
	border-top-color: #ddd;
	background: #fff;
	outline-width: 0;
	}
form.comment input {
	float: left;
	}
div.comment-body form.comment button {
	margin-right: 4px;
	}

/* comments help */

#view-comments-help {
	float: right;
	margin: 0 0 0 15px;
	font-size: .8em;
	font-weight: bold;
	line-height: 2.9;
	}
#view-comments-help a {
	color: #666;
	font-weight: normal;
	padding: 2px 0 0 21px;
	background: url(/Content/dribbble/images/icon-help-circle.png) no-repeat 0 50%;
	}
#view-comments-help a:hover {
	opacity: .7;
	}

/* keyboard shortcut legend */

#kbd-legend {	
	clear: both;
	}
#kbd-legend p {
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 12px;
	text-align: center;
	color: #bbb;
	border-top: 1px solid #ddd;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	}
#kbd-legend p:hover {
	color: #777;
	}
#kbd-legend span {	
	margin: 0 20px;
	}
#kbd-legend span strong {	
	margin: 0 4px 0 0;
	}

/* prev/next navigation from shot detail */

ol.prevnext {
	margin: -5px 0 25px 0;
 	}
ol.prevnext li.prev,
ol.prevnext li.next {
	position: relative;
	float: left;
	width: 88px;
	height: 66px;
	margin: 0;
	padding: 6px 6px 16px 6px;
	background: url(/Content/dribbble/images/multi-frame.png) no-repeat 0 0;
	}
ol.prevnext li a,
ol.prevnext li span {
	float: left;
	width: 88px;
	height: 66px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
ol.prevnext li a img {
	float: left;
	width: auto;
	max-width: 88px;
	max-height: 66px;
	margin: 0;
	padding: 0;
	}
ol.prevnext li.next {
	float: right;
	}
ol.prevnext li a strong {
	position: absolute;
	opacity: 0; /* revealed with jQuery */
	filter: alpha(opacity = 0); /* IE hack */
	top: 6px;
	left: 6px;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: url(/Content/dribbble/images/prevnext-prevover.png) no-repeat 0 0;
	}
ol.prevnext li.next strong {
	background-image: url(/Content/dribbble/images/prevnext-nextover.png);
	}
ol.prevnext li.none {
	padding: 6px 6px 14px 6px;
	background: rgba(0,0,0,.07);
	}
ol.prevnext li.none span {
	width: 78px;
	height: 50px;
	padding: 22px 5px 10px 5px;
	font-size: .75em;
	line-height: 1.4;
	color: #aaa;
	text-align: center;
	background: none;
	}

/* search results
--------------------------------------------- */

ol.users {
	margin: -8px 0 20px 0;
	}
ol.users li {
	border-bottom: 1px solid #ddd;
	overflow: auto;
	}
ol.users li a {
	display: block;
	margin: 0;
	padding: 7px 0;
	font-size: .9em;
	line-height: 1.9;
	overflow: auto;
	}
ol.users li:last-child {
	border-bottom: none;
	}
ol.users li img {
	float: left;
	width: 20px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	padding: 3px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
ol.users li a {
	font-weight: bold;
	}
ol.users li a:hover img {
	width: 20px;
	background: transparent;
	border-color: transparent;
	}

/* players list */

ol.players-list {
	margin: -8px 0 20px 0;
	font-size: .9em;
	}
#secondary ol.players-list {
	font-size: .8em;
	}
ol.players-list li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
	}
ol.players-list li h4.vcard {
	margin: 0;
	}
#secondary ol.players-list li h4.vcard {
	line-height: 1.4;
	}
#secondary ol.players-list li h4.vcard img {
	width: 24px;
	}
ol.players-list li h4.vcard span.badge {	
	font-size: 9px;	
	line-height: 20px;
	vertical-align: top;
	}
ol.players-list li span.user-meta {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .85em;
	font-weight: normal;
	line-height: 1.2;
	color: #999;
	}
#secondary ol.players-list li span.user-meta {
	font-size: .9em;
	line-height: 1;
	}
ol.players-list li span.user-meta i {
	margin: 0 4px;
	font-size: .9em;
	text-shadow: 1px 1px 1px #fff;
	color: #bbb;
	}
ol.players-list li div.follow-prompt {
	float: right;
	font-size: .9em;
	line-height: 12px;
	margin: -2px 0 0 0;
	}
ol.players-list li div.follow-prompt form {
	margin: 0;
	padding: 0;
	}
ol.players-list li a.follow,
ol.players-list li a.following {
	padding: 6px;
	margin-right: 0;
	}
ol.players-list li a.follow span,
ol.players-list li a.following span {
	float: left;
	padding-left: 12px;
	text-indent: -999em;
	}
ol.players-list li:last-child {
	border-bottom: none;
	}

/* teaser styles
--------------------------------------------- */

#teaser {
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 200px;
	}
ol.new {
	float: right;
	margin-right: 220px;
	}
#single.edit {
	padding: 10px;
	}

/* croptastic
--------------------------------------------- */

body#crop {
	background: #fff url(/Content/dribbble/images/checker.gif) repeat 0 -2px;
	}
body#crop #header input {
	margin: 0;
	font-size: 1.3em;
	border: none;
	}
body#crop #main {
	width: 100%;
	margin: 0;
	}
#crop-form,
#cancel-crop-form {
	float: right;
	margin: 0 0 0 8px;
	}
#crop-form fieldset#keep-attachment {
	float: left;
	margin: 5px 10px 0 0;
	font-size: 1.2em;
	line-height: 1.9;
	color: rgba(255,255,255,.5);
	}
#crop-form fieldset#keep-attachment input {
	margin: 0 2px 0 0;
	}
h2.crop-dim {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 2.2em;
	line-height: 29px;
	font-weight: normal;
	color: rgba(255,255,255,.5);
	border-left: 1px solid rgba(255,255,255,.15);
	}
h2.crop-dim em {
	font-size: .6em;
	line-height: 1;
	font-style: normal;
	color: rgba(255,255,255,.3);
	}

/* overrides for single full-width display */

#single.edit {
	float: none;
	width: auto;
	height: auto;
	margin: 0 auto;
	overflow: none;
	border: none;
	background: none;
	}
#single.edit #screenshot-container {
	padding: 20px;
	}
#single.edit #screenshot-container img {
	display: block;
	margin: 0 auto;
	-webkit-box-shadow: 3px 3px 22px #444;
	-moz-box-shadow: 3px 3px 22px #444;
	box-shadow: 3px 3px 22px #444;
	}

/* profile view styles
--------------------------------------------- */

div.profile {
	position: relative;
	width: 700px;
	}
div.profile-freeagent {
	margin-bottom: 25px;
	}
div.profile h1 {
	margin: 0;
	padding: 0;
	line-height: 2.5;
	}
div.combo h1 {
	font-size: 18px;
	line-height: 1.5;
	}
div.combo h1 span.sep {
	margin: 0;
	font-weight: normal;
	text-shadow: none;
	color: #bbb;
	}
div.profile img.photo {
	float: left;
	display: block;
	position: relative;
	width: 48px;
	max-height: 48px;
	margin: 0 8px 0 0;
	vertical-align: middle;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
div.profile a:hover img.photo {
	background: #e5e5e5;
	}
body#profile div.profile h1,
body#user-profile div.profile h1 {
	line-height: 1;
	}
body#profile div.profile img.photo,
body#user-profile div.profile img.photo {
	width: 80px;
	max-height: 80px;
	margin-right: 12px;
	padding: 5px;
	}
div.profile h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #999;
	}
div.profile h2 strong {
	color: #777;
	}
div.profile ul.profile-details {
	margin: 4px 0 0 0;
	}
div.profile ul.profile-details li {
	display: inline;
	margin: 0 12px 0 0;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #777;
	}
div.profile ul.profile-details li strong {
	color: #333;
	}
div.profile h2.tags-header {	
	font-size: 16px;
	color: #333;
	}
div.profile h2.tags-header span {
	color: #999;
	}

body#user-profile div.profile span.locality,
body#profile div.profile span.locality {
	padding: 3px 0 3px 16px;
	background: url(/Content/dribbble/images/icon-geo.png) no-repeat 0 50%;
	}
body#user-profile div.profile a.url,
body#profile div.profile a.url,
div.combo ul.profile-details li a.url {
	padding: 3px 0 3px 20px;
	color: #777;
	background: url(/Content/dribbble/images/icon-weburl.png) no-repeat 0 50%;
	}
div.combo ul.profile-details li a.url {	
	font-size: 16px;
	line-height: 1;
	}
div.profile a.twitter-player-link {
	padding: 3px 0 3px 20px;
	color: #777;
	background: url(/Content/dribbble/images/icon-tweet16.png) no-repeat 0 50%;
	}
body#user-profile div.profile a.url:hover,
body#user-profile div.profile a.twitter-player-link:hover,
body#profile div.profile a.url:hover,
div.combo ul.profile-details li a.url:hover,
body#profile div.profile a.twitter-player-link:hover {
	color: #444;
	}

/* profile stats tabs */

ul.profile-tabs {
	margin: 20px 0 0 0;
	}
div.profile-actions-stats ul.profile-tabs,
div.profile-actions-shots ul.profile-tabs {
	margin: 0;
	}
ul.profile-tabs li {
	float: left;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	border-right: 1px solid #e0e0e0;
	}
ul.profile-tabs li:last-child {
	margin: 0;
	padding: 0;
	border-right: none;
	}
ul.profile-tabs li a {
	display: block;
	float: left;
	}
ul.profile-tabs li span.meta {
	display: block;
	margin-top: 3px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #999;
	}
ul.profile-tabs li a span.meta {
	color: #999;
	}
ul.profile-tabs li a:hover span.meta {	
	color: #205f82;
	}
ul.profile-tabs li.active a {
	color: #333;
	}
ul.profile-tabs li.active a span.meta {
	color: #999;
	}

div.profile-data {
	margin: 0 0 20px 0;
	}
#secondary div.profile-data p.copy {
	font-size: .8em;
	line-height: 1.5;
	color: #666;
	}
div.profile-data p.copy span.drafted {
	display: block;
	margin: 5px 0 0 0;
	font-size: .95em;
	line-height: 1.3;
	}
div.profile-data p.copy span.drafted em {
	font-style: normal;
	color: #999;
	}
div.profile-data p.copy span.drafted em span {
	font-style: normal;
	}
div.profile-actions {
	float: left;
	width: 220px;
	margin: 5px 0 0 0;
	}
div.profile-actions-stats {
	margin: 0;
	}

/* shot stats meter */

#shot-summary,
#attachment-summary {
	margin: 5px 0 25px 0;
	}
.pixel-meter {
	width: 218px;
	height: 13px;
	padding: 1px;
	overflow: hidden;
	background: url(/Content/dribbble/images/pixelmeter-bg.gif) no-repeat top left;
	}
.pixel-meter .published {
	float: left;
	display: block;
	text-indent: -9999px;
	height: 11px;
	background: url(/Content/dribbble/images/pixelmeter-pink.gif) repeat-x top left;
	}
#attachment-summary .pixel-meter .published {
	background-image: url(/Content/dribbble/images/pixelmeter-graphite.gif);
	}
.pixel-meter .published span {
	display: block;
	height: 11px;
	border-right: 1px solid #d33b74;
	}
#attachment-summary .pixel-meter .published span {
	border-right-color: #515861;
	}
ul.shot-legend {
	margin: 5px 0 0 0;
	overflow: hidden;
	}
ul.shot-legend li {
	float: left;
	margin: 0 15px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	}
ul.shot-legend li a {
	color: #999;
	}
ul.shot-legend li a:hover {
	text-decoration: none;
	color: #444;
	}
ul.shot-legend li em {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	color: #777;
	}
ul.shot-legend li img {
	float: left;
	margin: 2px 4px 0 0;
	}

/* actions list */

ul.actions {
	margin: 0 0 25px 0;
	font-size: 1.1em;
	}
ul.actions li a {
	font-weight: bold;
	text-decoration: underline;
	}
ul.actions li#action-upload a {
	font-size: 1.2em;
	padding: 14px 0 16px 32px;
	background: url(/Content/dribbble/images/icon-plus.gif) no-repeat 0 50%;
	}
a.action,
span.action {
	float: right;
	margin: 0;
	padding: 7px 12px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #d3d3d3 url(/Content/dribbble/images/glass-30.png) repeat-x 0 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
a.action:hover,
a.edit-avatar {
	color: #fff;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
a.action strong {
	font-size: .7em;
	text-transform: uppercase;
	color: #999;
	}
a.done {
	color: #fff;
	background: #ea4c88;
	}
a.done:hover {
	background: #c5376d;
	}
a.edit {
	padding: 0;
	margin: 0 0 0 0;
	}
a.edit span {
	float: left;
	width: 15px;
	height: 15px;
	padding: 6px 8px;
	}
a.edit img {
	height: 0;
	}
a.edit span {
	background-image: url(/Content/dribbble/images/icon-edit.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
a.edit:hover span {
	background-image: url(/Content/dribbble/images/icon-edit-white.gif);
	}
a.edit-avatar {
	float: left;
	font-size: .9em;
	}
a.follow,
a.following,
a.contact,
a.edit-account,
a.draft,
span.draft-pending {
	float: left;
	margin: 6px 5px 0 0;
	}
span.draft-pending {
	color: #8aba56;
	background: none;
	}
a.follow span {
	padding-left: 18px;
	background-image: url(/Content/dribbble/images/icon-follow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.follow:hover {
	border-color: #8aba56;
	background-color: #8aba56;
	}
a.follow:hover span {
	background-image: url(/Content/dribbble/images/icon-follow-white.gif);
	}
a.following {
	color: #fff;
	border-color: #8aba56;
	background: #8aba56 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
a.following span {
	padding-left: 18px;
	background-image: url(/Content/dribbble/images/icon-check-sm.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.following span strong {
	padding-left: 5px;
	}
a.following:hover span {
	color: #f9c;
	background-image: url(/Content/dribbble/images/icon-x-sm.png);
	}
a.following:hover strong {
	color: #fff;
	}
a.contact:hover {
	border-color: #8aba56;
	background-color: #8aba56;
	}
a.draft span,
span.draft-pending span {
	padding-left: 32px;
	background-image: url(/Content/dribbble/images/icon-pass-gray.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.draft:hover {
	color: #fff;
	background: #8aba56 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
a.draft:hover span,
span.draft-pending span {
	background-image: url(/Content/dribbble/images/icon-pass-hov.png);
	}
a.tags {
	float: left;
	}
a.tags span {
	padding-left: 14px;
	background-image: url(/Content/dribbble/images/icon-tag.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.tags:hover span {
	background-image: url(/Content/dribbble/images/icon-tag-white.gif);
	}
a.tag span {
	padding-left: 14px;
	background-image: url(/Content/dribbble/images/icon-tag.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.tag:hover span {
	background-image: url(/Content/dribbble/images/icon-tag-white.gif);
	}
a.crop span {
	padding-left: 18px;
	background-image: url(/Content/dribbble/images/icon-crop.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
a.crop:hover span {
	background-image: url(/Content/dribbble/images/icon-crop-white.gif);
	}
a.add-desc {
	float: left;
	font-size: .8em;
	}
a.rebound-upload {
	color: #fff;
	background: #8aba56 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
a.rebound-upload:hover {
	background-color: #6a9739;
	}

div.full-actions {
	float: right;
	margin: 15px 0 0 0;
	}

/* site styles
--------------------------------------------- */

div.site p {
	margin: 0 0 15px 0;
	line-height: 1.5;
	}
div.site p.note {
	font-size: .9em;
	line-height: 1.5;
	color: #777;
	}
div.site p.mod {
	margin-bottom: 25px;
	}
div.site h3 {
	margin: 5px 0 0 10px;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: normal;
	color: #333;
	}
div.site div.faq h3 {
	margin: 0 0 3px 0;
	}
div.site h3.empty-head {
	margin: 5px 0 10px 0;
	font-size: 1.5em;
	color: #333;
	}
div.site h3.alt {
	margin: 5px 0 0 0;
	}
div.site h3.alt2 {
	margin: 0 0 10px 0;
	}
div.site ol,
div.site ul {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	}
div.site ol li p {
	margin: 0 0 10px 10px;
	line-height: 1.4;
	}
div.site ol li {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5;
	color: #666;
	}
div.site ol li img {
	display: block;
	margin: 0 auto;
	}
div.site ol li.third {
	margin-right: 0;
	}
div.site ol li ul {
	margin-top: 10px;
	}
div.site ol li ul li,
div.site ul li {
	margin: 0 0 0 15px;
	list-style: disc;
	border: none;
	}
div.site ol li strong {
	color: #333;
	}
div.site p.fans-comma {	
	margin: 0 0 30px 0;
	font-size: 16px;
	line-height: 1;
	}
p.fans-comma a {
	font-weight: bold;
	}
p.fans-comma a img {
	width: 16px;
	margin: 0 0 0 2px;
	}

/* about styles */

span.meta-right {
	float: right;
	font-weight: normal;
	text-transform: none;
	color: #999;
	}
div.full p.about {
	margin: 0 0 25px 0;
	font-size: 1.4em;
	line-height: 1.4;
	color: #666;
	}
div.full p.about strong.about-title {
	font-size: 1.2em;
	color: #333;
	}
#secondary p.copy img.follow-dribbble {
	float: right;
	margin: 4px 0 0 10px;
	}
#secondary ol.about li a {
	font-size: 1em;
	line-height: 1.5;
	}
#secondary ol.about li a em {
	display: block;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
	color: rgba(64,131,169,.8);
	}
#secondary ol.about li img {
	width: 48px;
	margin-right: 8px;
	padding: 4px;
	}
#main div.col-about {
	width: 300px;
	margin: 0 0 30px 0;
	padding: 20px;
	background: rgba(0,0,0,.05);
	border-radius: 10px;
	}
#main div.col-about-full {
	width: auto;
	padding: 30px;
	}
#main div.col-about h2.section {
	border-bottom: none;
	}
div.about-signup {
	margin: 30px 0 10px 0;
	font-size: .9em;
	text-align: center;
	}
div.about-signup a.auth-twitter,
div.about-signup a.auth-generic,
div.about-signup .auth-generic {
	float: none;
	display: inline;
	margin: 0;
	font-size: 1.2em;
	text-align: center;
	}
div.about-signup p.auth-message {
	margin: 0;
	padding: 15px 0 0 0;
	color: #777;
	}

/* pro signup styles */

div.col-pro {		
	padding-top: 70px;
	}
div.col-pro-waiting {
	padding-top: 0;
	}
div.col-pro h3 {
	margin: 0 0 10px 0;
	font-size: 3em;
	line-height: 1;
	text-align: center;
	letter-spacing: -1px;
	color: #444;
	}
div.col-pro h3 span {
	margin-left: 4px;
	font-size: .5em;
	line-height: 2.1;
	vertical-align: top;
	font-weight: normal;
	letter-spacing: 0;
	color: #666;
	}
div.col-pro h4 {
	margin: 0 0 10px 0;
	font-size: 1.6em;
	line-height: 1;
	text-align: center;
	letter-spacing: -1px;
	color: #444;
	}
div.col-pro h4#paypal-wait {	
	padding-top: 100px;
	background: url(/Content/dribbble/images/icon-clock-lg.png) no-repeat 50% 0;
	}
div.col-pro h4 span.paypal-logo {	
	font-family: Arial, sans-serif;
	font-style: italic;
	color: #206997;
	}
div.col-pro h4 span.paypal-logo em {	
	color: #003664;
	}
div.col-pro div.col-pro-buy {
	margin: 0 0 15px 0;
	text-align: center;
	}
div.col-pro p {
	margin: 0 0 20px 0;
	text-align: center;
	color: #999;
	}
div.col-pro p.note {
	margin: 0 0 20px 0;
	line-height: 1.5;
	text-align: center;
	color: #777;
	}
div.col-pro input.form-sub {
	float: none;
	font-size: 2em;
	padding: 10px 40px;
	}
#main div.col-ispro ul li {
	margin: 0 0 15px 0;
	font-size: 12px;
	line-height: 1.4;
	list-style: disc;
	color: #666;
	}

/* faq styles */

div.faq {
	margin: 0 0 25px 0;
	padding: 15px 15px 0 15px;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
#main div.faq p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 1.5;
	color: #666;
	}
#main div.faq h3 {
	margin: 0 0 5px 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2;
	}
div.site div.faq ul.text-list li,
#main div.faq ul.text-list li {
	margin: 0 0 5px 30px;
	line-height: 1.4;
	color: #666;
	}
#main div.faq ul.text-list {	
	margin: 10px 0 15px 0;
	}
#main div.faq ul.text-list li {
	font-size: 12px;
	list-style: disc;
	}

/* faq in sidebar */

dl.faq {
	margin: 0 0 25px 0;
	font-size: 11px;
	line-height: 1.4;
	}
dl.faq dt {
	margin: 0 0 2px 0;
	font-weight: bold;
	color: #666;
	}
dl.faq dd {
	margin: 0 0 10px 0;
	color: #999;
	}
dl.faq dd:last-child {
	margin: 0;
	border: none;
	}

/* brand styles */

#main div.faq p.alt {
	padding: 0;
	}
#main div.faq p.alt strong.important {
	color: #ea4c89;
	}
div.site ul {
	margin: 10px 0 20px 0;
	}
div.site ul.brand-list li {
	float: left;
	width: 33%;
	margin: 0;
	padding: 0;
 	list-style: none;
 	text-align: center;
 	}
div.site ul.brand-list li strong {
	display: block;
	margin: 4px 0 1px 0;
	font-size: .9em;
 	}
 div.site ul.brand-list li em {
	display: block;
	font-size: .9em;
	font-style: normal;
	color: #999;
 	}
  div.site ul.brand-list li em a {
	font-weight: bold;
 	}

/* advertising page */

div.adv-image {
 	float: left;
 	width: 220px;
 	margin: 0 0 10px 0;
 	}
div.adv-image img {
	display: block;
	padding: 8px;
	border: 1px solid #ddd;
	background: #fff;
	}
div.adv-meta {
 	float: right;
 	width: 220px;
 	}
div.site ul.adv-list {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	}
div.site ul.adv-list li {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	font-size: .9em;
	line-height: 1.4;
	color: #666;
	border-bottom: 1px solid #ddd;
	}
div.site ul.adv-list li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	}
div.site ul.adv-list li span.traffic-flag {
	display: block;
	color: #ea4c88;
	}
div.site ul.adv-list li.stat {
	text-align: left;
	}
div.site ul.adv-list li.stat strong {
	display: block;
	font-size: 2em;
	line-height: 1;
	color: rgba(0,0,0,.8);
	}
div.site ul.adv-list li h4.adv-date-head {
	font-size: .9em;
	text-transform: uppercase;
	color: #666;
	}
div.site p.adv-copy {
	font-size: .9em;
	line-height: 1.4;
	color: #666;
	}
div.site div.ad-price h3 {
	margin: 0;
	font-size: 1em;
	color: #666;
	}
div.site div.ad-price h3 strong {
	font-weight: normal;
	font-size: 1.5em;
	color: #333;
	}
div.site div.ad-price p {
	margin: 0;
	font-size: .9em;
	line-height: 1.4;
	}
div.site div.ad-price em {
	display: block;
	font-style: normal;
	font-weight: bold;
	color: #ea4c88;
	}
div.col-50 p.about {
	font-size: 1.5em;
	line-height: 1.3;
	}
div.site div.col-50-last p.note {
	margin-bottom: 0;
	}
div.col-50-mod {
	margin: 25px 0 30px 0;
	padding: 5px 20px 5px 20px;
	font-size: 1.4em;
	line-height: 1.4;
	color: rgba(0,0,0,.5);
	}
div.col-50-mod ol {
	margin: 0;
	}
div.col-50-mod ol li {
	margin: 0 0 5px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #eee;
	}
div.col-50-mod ol li:last-child {
	margin: 0;
	padding: 0;
	border: none;
	}

div.ad-special {
	margin: 10px 0 40px 0;
	padding: 15px;
	text-align: center;
	color: rgba(255,255,255,.8);
	background: #778089;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
div.site div.ad-special h3 {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1;
	color: rgba(255,255,255,.7);
	}
div.site div.ad-special p {	
	margin: 10px 0 0 0;
	font-size: .9em;
	color: rgba(255,255,255,.5);
	}
div.site div.ad-special a {	
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.4);
	}
div.site ol.current-ads li {
	float: left;
	width: 220px;
	margin: 0 20px 20px 0;
	}
div.site ol.current-ads li:nth-child(4n) {
	margin-right: 0;
	}
div.site ol.current-ads li div.announce-btn {
	float: none;
	margin-top: 0;
	}
div.site ol.current-ads li div.announce-btn a img {
	margin: 2px 5px 0 0;
	}
div.site ol.current-ads li div.ad a img {
	margin: 2px auto 5px auto;
	}
div.site ol.current-ads li div.ad a strong {
	color: #666;
	}

/* account styles */

ol.gridsies li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	}
ol.gridsies li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
	}
ol.gridsies-halfsies li {
	float: left;
	width: 300px;
	padding: 10px;
	}
ol.gridsies li img.fig {
	float: left;
	margin: 1px 10px 0 0;
	border-radius: 6px;
	}
ol.gridsies li h3 {
	margin: 0 0 4px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	}
ol.gridsies li p {
	margin-left: 64px;
	font-size: .9em;
	line-height: 1.4;
	color: #777;
	}
ol.gridsies li p span.callout {
	color: #333;
	}
ol.gridsies-halfsies li p {
	margin-left: 0;
	}

/* API docs styles
---------------------------------------------------------- */

div.site ul.list-nav {
	margin: 0 0 25px 0;
	padding: 0;
	list-style: none;
	}
div.site ul.list-nav li {
	margin: 0 0 10px 0;
	list-style: none;
	}
div.site ul.list-nav li a {
	display: block;
	padding: 15px;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	}
div.site ul.list-nav li a:hover {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
div.site ul.list-nav li a strong {
	display: block;
	margin: 0 0 4px 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1;
	}
div.site ul.list-nav li a span {
	font-size: .9em;
	opacity: .7;
	}

/* code examples */

div.code-block {
	margin: 0 0 30px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: none;
	color: #ea4c89;
	background: #fff;
	overflow: auto;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	}
div.code-block pre {
	margin: 0;
	padding: 0;
	}
div.code-block pre code {
	font-family: Monaco, monospace;
	font-size: 12px;
	line-height: 1.5;
	}
div.api h2.api {
	font-size: 1.5em;
	font-weight: normal;
	}
#secondary.api h3 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
	}
div.api h3.api {
	margin: 0;
	padding: 10px 15px;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #ccc;
	text-shadow: 0 1px 1px #fff;
	background: rgba(85,96,106,.2) url(/Content/dribbble/images/glass.png) repeat-x 0 50%;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}

/* general text */

div.api p {
	margin: 0 0 10px 0;
	}
div.api p.last {
	margin: 0 0 25px 0;
	}
div.api p span.api-values {
	font-family: Monaco, monospace;
	font-size: .9em;
	color: #ea4c89;
	}
div.api ul {
	margin: 0 0 15px 0;
	}
div#main.api ul li {
	margin: 0 0 5px 40px;
	font-size: .9em;
	line-height: 1.4;
	color: #666;
	}
div.api dl dt {
	margin: 0 0 4px 0;
	font-family: Monaco, monospace;
	font-weight: normal;
	}
div.api dl dd {
	margin: 0 0 10px 0;
	color: #666;
	}
div.api dl dd:last-child {
	margin-bottom: 0;
	}

/* note callout box */

div.note-box {
	margin: 0 0 20px 0;
	padding: 15px;
	font-size: .9em;
	line-height: 1.4;
	color: #fff;
	color: rgba(255,255,255,.75);
	background: rgba(85,96,106,.7);
	overflow: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	}
div.note-box strong,
div.api div.note-box h3 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: none;
	color: #fff;
	}
div.note-box p:last-child {
	margin-bottom: 0;
	}
div.note-box a {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	}

/* simple side nav list */

div.side-nav {
	margin: 0 0 25px 0;
	padding: 15px;
	font-size: .9em;
	line-height: 1.4;
	color: rgba(255,255,255,.75);
	background: rgba(85,96,106,.1);
	overflow: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	}
#secondary div.side-nav h3 {
	font-size: .9em;
	color: rgba(0,0,0,.7);
	}
div.side-nav ul {
	margin: 0 0 20px 0;
	}
div.side-nav ul.last {
	margin: 0;
	}
div.side-nav ul li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: .9em;
	border-bottom: 1px solid rgba(0,0,0,.08);
	}
div.side-nav ul li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	}
div.side-nav ul li a {
	display: block;
	}

/* data tables
---------------------------------------------------------- */

table.data {
	width: 100%;
	margin: 0 0 25px 0;
	padding: 0;
	border-collapse: collapse;
	}
table.data th, table.data td {
	margin: 0;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	}
table.data td.user {
	white-space: nowrap;
	}
table.data td.num {
	text-align: right;
	}
table.data th.num {
	text-align: right;
	}
table.data td.date {
	font-size: .9em;
	color: #777;
	}
table.data td.follow div.follow-prompt {
	float: right;
	font-size: .9em;
	line-height: 12px;
	margin: 0;
	}
table.data td.follow div.follow-prompt form {
	margin: 0;
	padding: 0;
	}
table.data td.follow a.follow,
table.data td.follow a.following {
	float: right;
	padding: 6px;
	width: 12px;
	height: 12px;
	margin-right: 0;
	}
table.data td.follow a.follow span,
table.data td.follow a.following span {
	float: left;
	padding-left: 12px;
	text-indent: -999em;
	}
table.data td.draft a.draft,
table.data td.draft span.draft-pending {
	float: none;
	margin: 0 10px 0 0;
	font-size: .8em;
	}
table.data tr:last-child th, table.data tr:last-child td {
	border-bottom: none;
	}
table.data th {
	padding: 0 10px 5px 10px;
	text-align: left;
	}
table.data h4.vcard {
	font-size: 1em;
	line-height: 1.2;
	margin-bottom: 0;
	}
table.data h4.vcard img {
	width: 24px;
	}
table.data h4.vcard span.user-meta {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-weight: normal;
	line-height: 1.5;
	color: #999;
	}
table.invitations td form {
	display: inline;
	}
span.user-meta a.url {
	color: #999;
	}
span.user-meta a.url:hover {
	color: #666;
	}
span.user-meta a.url:hover {
	background-position: 100% -19px;
	}
table.data td blockquote {
	margin-left: 0;
	}
table.data td a.action {
	font-size: .9em;
	}
table.data td em.meta {
	display: block;
	font-size: .9em;
	line-height: 1.4;
	font-style: normal;
	color: #999;
	}
table.users-table tr:hover {
	background: #fff;
	background: rgba(255,255,255,.5);
	}
table.users-table tr:last-child td {
	border: none;
	}
table.users-table td.num {
	font-size: 1em;
	color: #777;
	}
table.users-table td.num strong {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	}
table.users-table td.num a {
	padding: 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
table.users-table td.num a:hover {
	color: #fff;
	text-shadow: none;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
table.users-table td.num em {
	font-size: .7em;
	font-weight: normal;
	font-style: normal;
	color: #777;
	}
table.users-table th {
	padding: 8px 20px;
	font-size: .8em;
	line-height: 1.2;
	font-weight: normal;
	color: #999;
	border-color: #fff;
	background: url(/Content/dribbble/images/table-header-fade.png) repeat-x 0 100%;
	}
table.users-table th.list-title {
	padding-left: 10px;
	}
table.users-table td {
	vertical-align: middle;
	}
table.pixel-table th,
table.pixel-table td {
	padding: 6px 0;
	font-size: .8em;
	color: #777;
	}
table.pixel-table td {
	padding-left: 8px;
	color: #333;
	}
table.pixel-table tr.grouped th,
table.pixel-table tr.grouped td {
	padding-bottom: 0;
	border-bottom: none;
	}
table.users-table td.passed {
	padding-right: 34px;
	background: url(/Content/dribbble/images/icon-pass.png) no-repeat 100% 50%;
	}
table.users-table td.scored {
	padding-right: 34px;
	background: url(/Content/dribbble/images/icon-pass-rev.png) no-repeat 100% 50%;
	}
table.users-table td a.follow,
table.users-table td a.following {
	margin: 0;
	}

/* data table in sidebar */

#secondary table.data th,
#secondary table.data td {
	padding: 10px;
	font-size: 11px;
	vertical-align: middle;
	}

/* for compact horizonal headers */

table.horiz {
	width: auto;
	}
table.horiz th {
	padding: 10px;
	}

/* stats tables */

table.stats {
	margin: 0 0 30px 0;
	}
table.stats tr td,
table.stats tr th {
	padding: 0 50px 0 0;
	text-align: left;
	}
table.stats tr th {
	padding-top: 10px;
	color: #666;
	}
table.stats tr:first-child th {
	padding-top: 0;
	}
table.stats tr td {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 4em;
	font-weight: bold;
	line-height: 1;
	text-shadow: 1px 1px 1px #fff;
	border-bottom: 1px solid #ddd;
	}
table.stats tr:last-child td {
	border: none;
	}

/* pro stats styles
--------------------------------------------- */

div.stats-mod {
	margin: 0 0 10px 0;
	padding: 10px;
	text-align: left;
	border: 2px solid #d9d9d9;
	background: rgba(0,0,0,.05);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
div.stats-mod-last {	
	margin-bottom: 30px;
	}
div.stats-mod ul.profile-tabs {	
	margin: 0;
	}
div.stats-mod ul.profile-tabs li {	
	border-color: #d0d0d0;
	}
div.stats-mod ul.profile-tabs li span.meta {
	font-size: 9px;
	}
div.stats-mod h4 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	}
div.stats-mod-primary h4 {
	margin: 0 0 2px 0;
	font-size: 2.6em;
	line-height: 1;
	letter-spacing: -1px;
	}
div.stats-mod h4 span.meta {
	margin-left: 2px;
	font-size: 13px;
	font-weight: normal;
	color: #777;
	}
div.stats-mod h4 span.meta em {
	font-size: 11px;
	font-style: normal;
	color: #999;
	}
div.stats-mod h4 span.sparkline {
	display: block;
	min-height: 20px;
	margin: 5px 0;
	}
div.stats-mod h5 {	
	font-size: 13px;
	font-weight: normal;
	color: #999;
	}
div.stats-mod div.stats-sub {	
	margin: 8px 0 0 0;
	padding: 12px 0 0 0;
	border-top: 1px solid #cfcfcf;
	}
div.stats-mod div.stats-sub h4 {	
	font-size: .9em;
	line-height: 1;
	}
div.stats-mod div.stats-sub span.meta {	
	font-size: 11px;
	}
div.stats-mod div.stats-sub h4 strong {
	padding: 2px 6px;
	font-weight: normal;	
	line-height: 1;
	color: #fff;
	background: rgba(0,0,0,.3);
	border-radius: 4px;
	}


/* chart wrapper */

div.stats-chart-wrapper {
	margin: 0 0 25px 0;
	padding: 10px;
	border: 2px solid #d9d9d9;
	background: #fff;
	border-radius: 10px;
	}

/* stats shots tables */

div.stats-mod-table {
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	border: 2px solid #d9d9d9;
	background: rgba(0,0,0,.05);
	border-radius: 10px;
	}
table.stats-table {
	margin-bottom: 0;
	}
table.stats-table th {
	padding-bottom: 10px;
	font-size: .8em;
	line-height: 1;
	text-align: right;
	color: #444;
	border: none;
	}
table th.stats-table-toggle {
	text-align: left;
	vertical-align: middle;
	}
table th.stats-table-toggle strong {
	margin: 0 5px 0 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	}
table th.stats-table-toggle a {
	margin: 0 2px 0 0;
	padding: 2px 6px;
	font-weight: bold;
	color: #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .2s background ease;
	-moz-transition: .2s background ease;
	-o-transition: .2s background ease;
	transition: .2s background ease;
	}
table th.stats-table-toggle a:hover {
	color: #555;
	background: rgba(255,255,255,.8);
	}
table th.stats-table-toggle a.selected {
	color: #333;
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
	box-shadow: 0 0 1px rgba(0,0,0,.3);
	}
table th.sort a {
	display: inline-block;
	margin-right: -4px;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .2s background ease;
	-moz-transition: .2s background ease;
	-o-transition: .2s background ease;
	transition: .2s background ease;
	}
table th.sort a:hover {
	background: rgba(255,255,255,.8);
	}
table th.sort a.selected {
	margin-right: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.3);
	box-shadow: 0 0 1px rgba(0,0,0,.3);
	}
table.stats-table td {
	padding: 6px 10px;
	vertical-align: middle;
	border: none;
	}
table.stats-table tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
	}
table.stats-table tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
	}
table.stats-table tr:nth-child(even) td {
	background: rgba(255,255,255,.4);
	}
table.stats-table td.the-shot {
	width: 40px;
	padding-right: 0;
	}
table.stats-table td.number {
	font-size: 1em;
	line-height: 1;
	text-align: right;
	color: #444;
	}
table.stats-table td.the-shot-details {
	padding-left: 0;
	}
table.stats-table td.the-shot-date {
	margin: 4px 0 0 0;
	font-size: .85em;
	color: #777;
	}
table.stats-table td div.stats-shot {
	position: relative;
	float: left;
	width: 32px;
	height: 24px;
	margin: 0 15px 0 0;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	}
table.stats-table td div.stats-shot a {
	float: left;
	width: 32px;
	height: 24px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
table.stats-table td div.stats-shot a img {
	float: left;
	max-width: 32px;
	max-height: 24px;
	margin: 0;
	padding: 0;
	}
table.stats-table td div.stats-shot a strong {
	display: none;
	}
table.stats-table td.the-users a {
	font-weight: bold;
	line-height: 1.4;
	}
table.stats-table td.the-users a img {
	float: left;
	width: 32px;
	margin: 0 15px 0 0;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	}
table.stats-table td.the-users p.the-users-meta {
	margin: 4px 0 0 0;
	font-size: 11px;
	line-height: 1;
	color: #999;
	}
table.stats-table td.the-users p.the-users-meta span.sep {
	color: #bbb;
	}
table.stats-table td div.null {	
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	}
table.stats-table-users td div.null {	
	padding: 10px 0 20px 0;
	}

/* pro styles
--------------------------------------------- */

a.pro-motion {
	float: right;
	width: 200px;
	padding: 8px;
	text-align: center;
	color: #fff;
	border: 2px solid #ddd;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
a.pro-motion strong {
	display: block;
	margin: 0 0 2px 0;
	font-size: 16px;
	line-height: 1;
	color: #ea4c88;
	}
a.pro-motion span.badge {
	font-size: 11px;
	line-height: 1.8;
	vertical-align: top;
	}
a.pro-motion em {
	display: block;
	font-size: .9em;
	line-height: 1.3;
	font-style: normal;
	color: #999;
	}
a.pro-motion:hover {
	border-color: #ea4c88;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
a.pro-motion:hover strong,
a.pro-motion:active strong {
	color: #fff;
	}
a.pro-motion:hover em,
a.pro-motion:active em {
	color: rgba(255,255,255,.8);
	}
a.pro-motion:active {
	border-color: #c22b65;
	background: #c22b65 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}

/* secondary styles
--------------------------------------------- */

#secondary h3 {
	margin: 0 0 15px 0;
	padding: 0 0 8px 0;
	font-size: .8em;
	line-height: 1;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255,255,255,.9);
	background: url(/Content/dribbble/images/border-2px.gif) repeat-x bottom left;
	}
#secondary h3.color {
	margin: 0;
	padding: 0 0 6px 0;
	border: none;
	background: none;
	}
#secondary h3 span.meta {
	font-weight: normal;
	line-height: .9;
	color: #666;
	}
#secondary h3.tab {
	padding-bottom: 0;
	}
#secondary h3.tab:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.tab a {
	float: left;
	padding: 0 12px 8px 0;
	font-weight: bold;
	background: url(/Content/dribbble/images/icon-bluearrow.png) no-repeat 100% 2px;
	}
.tab a:hover {
	background-position: 100% -20px;
	}
#secondary h3.tab a span.meta {
	color: rgba(64,131,169,.8);
	}
.tab a:hover,
#secondary h3.tab a:hover span.meta {
	text-decoration: none;
	color: #205f82;
	}
#secondary h3.more-from-player a {
	text-transform: none;
	}
#secondary h3 a.hex-chip {
	display: inline-block;
	width: 23px;
	font-size: 9px;
	line-height: 1.3;
	vertical-align: bottom;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;
	-moz-box-shadow: 
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,.15) inset,
		1px 1px 0 #fff;

	}

#secondary h3 strong {
	font-weight: bold;
	color: #777;
	}
#secondary h3 em {
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
	color: #777;
	}
#secondary h4.title {
	font-size: 1.1em;
	padding: 10px 0 0 0;
	margin: 0 0 5px 0;
	}
#secondary span.size {
	margin-left: 3px;
	font-size: .9em;
	font-weight: normal;
	color: #666;
	}
#secondary h3 a.all {
	float: right;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.8;
	}
#secondary h3 a.help {
	float: right;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.4;
	}
#secondary p.info,
#secondary ul.info {
	margin: 0 0 10px 0;
	font-size: .9em;
	line-height: 1.4em;
	color: #777;
	}
#secondary p.copy {
	margin: 0 0 25px 0;
	font-size: .9em;
	line-height: 1.4em;
	color: #777;
	}

/* ad block */

div.ad-top-wrap {
	margin: 18px 0 0 0;
	}
div.ad-showcase {
	width: 220px;
	margin: 0 auto;
	}
div.ad {
	margin: 0 0 20px 0;
	padding: 10px 15px;
	background: rgba(0,0,0,.05);
	font-size: .75em;
	font-weight: normal;
	text-align: center;
	color: rgba(0,0,0,.6);
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
div.ad a.flag {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: .9em;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
	color: #666;
	}
div.ad a.flag:hover {
	color: #333;
	}
body#rates ol.current-ads li div.ad a.flag {
	display: none;
	}
body#rates ol.current-ads li div.ad {
	height: 160px;
	}
div.ad a img {
	display: block;
	margin: 2px auto 5px auto;
	}
div.ad p {
	margin: 0;
	}
div.ad p a {
	font-style: normal;
	font-weight: bold;
	color: #4083a9;
	}
div.ad a:hover {
	text-decoration: none;
	}

/* partners block */

div.partner-mod {
	margin: 0 0 25px 0;
	}
div.partner-mod img {
	display: block;
	margin: 10px 0;
	}
div.partner-mod p {
	margin: 0 0 10px 0;
	font-size: .8em;
	line-height: 1.4em;
	color: #777;
	}

/* admin links */

ul.admin {
	padding: 10px 0 0 12px;
	margin: 10px 0 25px 0;
	border-top: 1px solid #ddd;
	}
ul.admin li {
	margin: 0 0 5px 0;
	font-weight: normal;
	}
ul.admin li.status {
	font-weight: bold;
	color: #ea4c88;
	}
ul.admin li.edit a {
	padding-left: 13px;
	font-size: .75em;
	line-height: 1;
	color: #999;
	background: url(/Content/dribbble/images/icon-editsm.gif) no-repeat 0 1px;
	}
ul.admin li.flag a {
	padding-left: 13px;
	font-size: .75em;
	line-height: 1;
	color: #999;
	background: url(/Content/dribbble/images/icon-flag.gif) no-repeat 0 1px;
	}
ul.admin li a.unflag {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-flagged.gif);
	}
ul.admin li a:hover.unflag {
	color: #ea4c88;
	}
ul.admin li.block a {
	padding-left: 13px;
	font-size: .75em;
	line-height: 1;
	color: #999;
	background: url(/Content/dribbble/images/icon-block.png) no-repeat 0 1px;
	}
ul.admin li a.unblock {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-blocked.png);
	}
ul.admin li a:hover.unblock {
	color: #ea4c88;
	}
ul.admin li.suspend a {
	padding-left: 13px;
	font-size: .75em;
	line-height: 1;
	color: #999;
	background: url(/Content/dribbble/images/icon-lock.png) no-repeat 0 1px;
	}
ul.admin li a.unsuspend {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-locked.png);
	}
ul.admin li a:hover.unsuspend {
	color: #ea4c88;
	}
ul.admin li.publish-unpublish a {
	padding-left: 13px;
	font-size: .75em;
	line-height: 1;
	color: #999;
	background: url(/Content/dribbble/images/icon-lock.png) no-repeat 0 1px;
	}
ul.admin li a.publish {
	color: #ea4c88;
	background-image: url(/Content/dribbble/images/icon-locked.png);
	}
ul.admin li a.publish:hover {
	color: #ea4c88;
	}
ul.admin li.delete a {
	padding-left: 13px;
	font-size: .75em;
	color: #999;
	background: url(/Content/dribbble/images/icon-xxs.gif) no-repeat 0 2px;
	}
ul.admin li.featured-playoff a {
	padding-left: 13px;
	font-size: .75em;
	color: #999;
	background: url(/Content/dribbble/images/icon-fp.png) no-repeat 0 1px;
	}
ul.admin li a:hover {
	color: #666;
	text-decoration: none;
	}
ul.admin li a em {
	float: right;
	margin: 3px 0 0 0;
	font-style: normal;
	color: #999;
	}
ul.admin li a:hover em {
	color: #666;
	}

/* admin section */

#admin-tabs {
	margin: 0 0 10px 0;
	}
#admin-tabs li a {
	float: left;
	margin: 0 6px 0 0;
	padding: 5px 12px;
	color: #fff;
	background: #bbb;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}

/* activity list */

ol.activity {
	margin: -8px 0 20px 0;
	}
ol.activity li {
	padding: 15px 0;
	font-size: 1em;
	line-height: 1.4;
	border-bottom: 2px solid #ddd;
	overflow: hidden;
	}
ol.activity li div.act-shot {
	position: relative;
	float: left;
	width: 88px;
	height: 66px;
	margin: 0 15px 0 0;
	padding: 6px 6px 16px 6px;
	background: url(/Content/dribbble/images/multi-frame.png) no-repeat 0 0;
	}
ol.activity li div.act-shot a {
	float: left;
	width: 88px;
	height: 66px;
	background: url(/Content/dribbble/images/checker-10x10.gif);
	overflow: hidden;
	}
ol.activity li div.act-shot a img {
	float: left;
	max-width: 88px;
	max-height: 66px;
	margin: 0;
	padding: 0;
	}
ol.activity li div.act-shot a strong {
	position: absolute;
	top: 6px;
	left: 6px;
	opacity: 0; /* revealed with jQuery */
	filter: alpha(opacity = 0); /* IE hack */
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	background: url(/Content/dribbble/images/thumb-zoom.png) no-repeat 0 0;
	}
ol.activity li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}
ol.activity li div.act-item {
	float: right;
	width: 554px;
	}
ol.activity li.drafted strong,
ol.activity li.allot strong {
	font-weight: bold;
	color: #333;
	}
ol.activity li.drafted {
	padding-left: 151px;
	background: url(/Content/dribbble/images/icon-drafted-star.png) no-repeat 117px 18px;
	}
ol.activity li.comment div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-actcom.png) no-repeat 0 14px;
	}
ol.activity li.comment-followup div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-comment-followup.png) no-repeat 0 14px;
	}
ol.activity li.like div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-actlike.png) no-repeat 0 13px;
	}
ol.activity li.like-comment div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-commentlike.png) no-repeat 0 13px;
	}
ol.activity li.dribbbled div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-dribbbled.png) no-repeat 0 15px;
	}
ol.activity li.rebound div.act-item {
	padding-left: 30px;
	background: url(/Content/dribbble/images/icon-rebound.png) no-repeat 0 11px;
	}
ol.activity li.allot {
	padding-left: 151px;
	background: url(/Content/dribbble/images/icon-scored-plus.png) no-repeat 117px 17px;
	}
ol.activity li.new-invites {
	padding-left: 151px;
	background: url(/Content/dribbble/images/icon-scored-invites.png) no-repeat 118px 18px;
	}
ol.activity li.followed {
	padding-left: 151px;
	background: url(/Content/dribbble/images/icon-actfollowed.png) no-repeat 118px 18px;
	}
ol.activity li a {
	font-weight: bold;
	}
ol.activity li em.time {
	display: block;
	font-size: .85em;
	font-style: normal;
	line-height: 1.5;
	color: #999;
	}

ol.activity li span.act-story {
	position: relative;
	margin: 0 0 5px 0;
	display: block;
	line-height: 1.4;
	}
ol.activity li span.act-story span.badge,
ol.activity li span.act-comment-story span.badge {	
	position: absolute;
	top: 43px;
	left: 0;
	width: 36px;
	height: 10px;
	margin: 2px 0 0 0;
	padding: 2px 3px;
	text-align: center;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	}
ol.activity li:hover span.act-story span.badge,
ol.activity li:hover span.act-comment-story span.badge {
	opacity: 1;
	}
ol.activity li a.url img {
	float: left;
	width: 32px;
	margin: 0 10px 20px 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
ol.activity li a.url:hover img {
	background: #e5e5e5;
	}
ol.activity li div.act-comment {
	margin: 0 0 0 52px;
	font-size: 1em;
	}
ol.activity li div.act-comment p {
	margin: 0 0 15px 0;
	}
ol.activity li div.act-comment p:last-child {
	margin: 0;
	}
ol.activity li div.act-comment-liked {
	float: right;
	width: 554px;
	margin: 5px 0 0 0;
	font-size: .85em;
	line-height: 1.5;
	color: #999;
	}
ol.activity li div.act-comment-liked blockquote {
	margin: 0 0 0 52px;
	}
ol.activity li div.act-comment-liked span.act-comment-story {
	position: relative;
	display: block;
	color: #333;
	}
ol.activity li div.act-comment-liked a.act-comment-time {
	font-weight: normal;
	}

ol.activity li div.the-rebound {
	margin: 5px 0;
	}
ol.activity li ol.comments li.rebound-with-comment h2 em {
	line-height: 1.5;
	}
ol.activity li.rebound h3.rebound-flag {
	margin: 4px 0;
	padding-left: 0;
	font-size: .75em;
	line-height: 1.2;
	font-weight: bold;
	background: none;
	}
ol.activity li ol.comments li.rebound h3.rebound-title {
	margin: 0 0 4px 0;
	font-size: 1em;
	}

/* mini activity in sidebar */

ol.activity-mini {
	margin: -8px 0 20px 0;
	}
ol.activity-mini li {
	padding: 8px 0 8px 24px;
	font-size: .85em;
	line-height: 1.4;
	color: #999;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
ol.activity-mini li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	}
ol.activity-mini strong {
	font-weight: normal;
	color: #444;
	}
ol.activity-mini li.drafted {
	background: url(/Content/dribbble/images/icon-drafted-star.png) no-repeat 0 7px;
	}
ol.activity-mini li.score {
	background: url(/Content/dribbble/images/icon-scored-plus.png) no-repeat 0 8px;
	}
ol.activity-mini li.comment {
	background: url(/Content/dribbble/images/icon-actcom.png) no-repeat 0 10px;
	}
ol.activity-mini li.comment-followup {
	background: url(/Content/dribbble/images/icon-comment-followup.png) no-repeat 0 10px;
	}
ol.activity-mini li.like {
	background: url(/Content/dribbble/images/icon-actlike.png) no-repeat 0 9px;
	}
ol.activity-mini li.like-comment {
	background: url(/Content/dribbble/images/icon-commentlike.png) no-repeat 0 10px;
	}
ol.activity-mini li.followed {
	background: url(/Content/dribbble/images/icon-actfollowed.png) no-repeat 0 10px;
	}
ol.activity-mini li.dribbbled {
	background: url(/Content/dribbble/images/icon-dribbbled.png) no-repeat 0 8px;
	}
ol.activity-mini li.rebound {
	background: url(/Content/dribbble/images/icon-rebound.png) no-repeat 0 7px;
	}
ol.activity-mini li.allot {
	background: url(/Content/dribbble/images/icon-scored-plus.png) no-repeat 0 8px;
	}
ol.activity-mini li.new-invites {
	background: url(/Content/dribbble/images/icon-scored-invites.png) no-repeat 0 10px;
	}
ol.activity-mini li span.vcard {
	margin: 2px 0;
	}
ol.activity-mini li a {
	font-weight: bold;
	}
ol.activity-mini li em.time {
	display: block;
	font-size: .9em;
	font-style: normal;
	color: #aaa;
	}

/* avatar list */

ol.people {
	margin: 0 0 20px 0;
	}
ol.people li img {
	float: left;
	width: 30px;
	margin: 0 6px 6px 0;
	vertical-align: middle;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
ol.people li a:hover img {
	background: #e5e5e5;
	}
ol.people li a.all {
	float: left;
	margin: 9px 0 0 0;
	padding: 4px 8px;
	font-weight: bold;
	font-size: .8em;
	line-height: 1em;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

/* profile link */

h4.vcard {
	margin: 0 0 20px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	}
h4.vcard a img {
	float: left;
	width: 32px;
	margin: 0 6px 0 0;
	vertical-align: middle;
	padding: 3px;
	background: #fff;
	border: 1px solid #e5e5e5;
	}
h4.vcard a:hover img {
	border-color: transparent;
	background: transparent;
	}
h4.vcard em {
	display: block;
	margin: 0 0 0 0;
	font-size: .8em;
	line-height: 1.4em;
	font-weight: normal;
	font-style: normal;
	color: #999;
	}

/* tags */

h2.section.taggy {
	text-transform: none;
	}
h2.section.taggy a {
	padding-right: 10px;
	background: url(/Content/dribbble/images/icon-arrows.gif) no-repeat 100% 5px;
	}
h2.section.taggy a:hover {
	background-position: 100% -17px;
	}
h2.section.taggy span {
	padding-left: 12px;
	color: #999;
	background: url(/Content/dribbble/images/icon-tag.gif) no-repeat 0 1px;
	}

ol.tags {
	margin: 0 0 20px 0;
	}
ol.tags li {
	margin: 0;
	position: relative;
	display: block;
	font-size: .85em;
	overflow: hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	z-index: 1;
	}
ol.tags li:last-child {
	border-bottom: none;
	}
ol.tags li span.perc {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 12%;
	height: 100%;
	text-indent: -9999px;
	display: block;
	background: rgba(0,0,0,.07) url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	overflow: hidden;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: background .2s ease-in-out;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	transition: background .2s ease-in-out;
	}
ol.tags li a {
	display: block;
	position: relative;
	padding: 4px 12px;
	font-weight: normal;
	text-decoration: none;
	z-index: 2;
	color: #999;
	}
ol.tags li a:hover {
	color: #666;
	text-decoration: none;
	}
ol.tags li:hover {
	background: #fff;
	background: rgba(0,0,0,.07);
	z-index: 1;
	}
ol.tags li:hover span.perc {
	background: none;
	}
ol.tags li a strong {
	font-weight: normal;
	}
ol.tags li a.delete-tag {
	float: right;
	margin: 5px 12px 0 0;
	padding: 0;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	color: #999;
	background: url(/Content/dribbble/images/icon-tagx.png) no-repeat 0 0;
	z-index: 3;
	}
ol.tags li a.delete-tag:hover {
	background-position: 0 -12px;
	}
ol.tags li a.delete-tag img {
	height: 0;
	}
ol.tags li em {
	float: right;
	padding: .4em 12px 0 0;
	font-style: normal;
	color: #bbb;
	z-index: 3;
	}
ol.tags li em span.global a {
	margin-left: 5px;
	color: #999;
	}
ol.tags li em span.global a:hover {
	color: #777;
	}
ol.main {
	margin: 0 0 15px 0;
	padding: 0 0 15px 50px;
	border-bottom: 1px solid #ddd;
	}
ol.main li {
	margin: 0 0 3px 0;
	}
ol.main li a {
	color: #666;
	}
div.full p.tag-results {
	float: right;
	margin: 6px 0 0 0;
	padding-left: 13px;
	font-size: 1.1em;
	line-height: 1;
	background-image: url(/Content/dribbble/images/icon-tag.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}

/* popular tags */

ol.popular-tags {
	margin: 0 0 20px 0;
	}
ol.popular-tags-player {
	margin-bottom: 20px;
	}
ol.popular-tags li {
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 1;
	}
ol.popular-tags li span.perc {
	display: none;
	}
ol.popular-tags li a {
	float: left;
	margin: 0 6px 6px 0;
	padding: 3px 8px 4px 8px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	color: #777;
	border: 1px solid #ccc;
	background: rgba(0,0,0,.07) url(/Content/dribbble/images/glass.png) repeat-x 0 50%;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}
ol.popular-tags li a strong {
	font-weight: normal;
	}
ol.popular-tags li:hover {
	background: none;
	}
ol.popular-tags li em {
	display: none;
	}
ol.popular-tags li a:hover {
	text-decoration: none;
	color: #555;
	border-color: #bbb;
	background-color: rgba(0,0,0,.1);
	}

/* alpha markers */

h3.alpha {
	float: left;
	width: 30px;
	text-align: center;
	font-size: 1.8em;
	line-height: 1;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	}

/* add tags form */

#add-tag-form {
	margin: -10px 0 10px 0;
	}
#add-tag-form input#screenshot_tag_list {
	float: left;
	width: 148px;
	margin: 0 4px 3px 0;
	padding: 5px 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #333;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#add-tag-form input {
	vertical-align: middle;
	}
#add-tag-link {
	display: block;
	margin-top: -15px;
	padding-left: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	background: url(/Content/dribbble/images/icon-tag.gif) no-repeat 12px 1px;
	}
#add-tag-link:hover {
	color: #777;
	}
a#cancel-tag-link {
	font-weight: bold;
	}
p#tag-help {
	clear: both;
	padding-top: 5px;
	font-size: .8em;
	line-height: 1.5;
	color: #999;
	}
#add-tags p.warning {
	padding: 8px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #777;
	border: 1px solid #ccc;
	background: rgba(0,0,0,.07) url(/Content/dribbble/images/alert-lines.png) repeat-x top left;
  margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

/* tag search form */

#tag-search {
	margin-bottom: 25px;
	}
#tag-search input.form-text {
	float: left;
	width: 156px;
	margin: 0 4px 3px 0;
	padding: 5px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	color: #333;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#tag-search input {
	vertical-align: middle;
	}
#tag-search-btn {
	float: left;
	}

/* rebound form */

div.full h1 span#rebound-form-link-wrap {
	font-size: .6em;
	color: #ccc;
	}
div.full h1 a#rebound-form-link {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	color: #999;
	}
div.full h1 a#rebound-form-link:hover {
	color: #666;
	}
#rebound-form-wrap {
	float: right;
	width: 230px;
	margin: 8px 0 0 0;
	}
#rebound-form {
	display: none;
	}
#rebound-form fieldset {
	margin: 0 0 5px 0;
	}
#rebound-form label {
	display: block;
	margin: 0 0 6px 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	}
#rebound-form input.form-text {
	width: 130px;
	margin: 0 2px 0 0;
	padding: 6px 8px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1;
	color: #666;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
#rebound-form input:focus {
	color: #333;
	outline-width: 0;
	}
#rebound-form p {
	margin: 5px 0 3px 0;
	font-size: .9em;
	line-height: 1.4;
	color: #999;
	}

/* share this URL */

#share-form input {
	width: 170px;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	color: #333;
	border: none;
	background: transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
#share-form input:focus {
	color: #333;
	outline-width: 0;
	}

/* preview */

ol.preview {
	margin: 0 0 20px 0;
	}
ol.preview li a {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #d0d0d0;
	}
ol.preview li a:hover {
	background: #fff;
	}

/* twitter updates */

#twitter_update_list {
	margin: -8px 0 20px 0;
	}
#twitter_update_list li {
	padding: 8px 0;
	font-size: .9em;
	line-height: 1.5;
	color: #666;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}
#twitter_update_list li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	}
#twitter_update_list li a {
	display: block;
	font-size: .95em;
	color: #aaa;
	}
#twitter_update_list li a:hover {
	color: #999;
	}
#twitter_update_list li span a {
	display: inline;
	font-size: 1em;
	color: #4083a9;
	}
#twitter_update_list li span a:hover {
	color: #205f82;
	}

/* color chips list */

div.subset-colors {
	margin: 0 0 20px 0;
	}
ul.color-chips {
	margin: 0 0 5px 0;
	}
ul.color-chips li {
	float: left;
	margin: 0 0 5px 0;
	}
ul.color-chips li:last-child {
	margin-right: 0;
	}
ul.color-chips li a {
	float: left;
	width: 22px;
	height: 12px;
	text-indent: -9999px;
	background-image: url(/Content/dribbble/images/glass-light.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	}
div.subset-colors ul.color-chips li a {
	width: 20px;
	}
ul.color-chips li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
ul.color-chips li:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
ul.color-chips li a:hover,
ul.color-chips li.current a {	
	background-image: none;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	}
h3 ul.color-chips {
	display: inline;
	float: none;
	}
h3 ul.color-chips li {
	display: inline;
	float: none;
	}
h3 ul.color-chips li a {
	display: inline-block;
	float: none;
	}

/* color browsing */

div.colors-explore {
	margin: -10px 0 20px 0;
	}
div.colors-explore ul.color-chips,
div.colors-explore ul.color-chips li {
	margin: 0;
	}
div.colors-explore ul.color-chips li a {
  	height: 18px;
  	width: 25px;
	z-index: 1;
  	}
div.colors-explore ul.color-chips li a:hover {
	position: relative;
	margin: -4px;
	width: 33px;
	height: 26px;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
div.colors-explore ul.color-chips li.current a,
div.colors-explore ul.color-chips li.current a:hover {
	position: relative;
	height: 18px;
  	width: 25px;
	margin: -4px;
	border: 4px solid #fff;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
	box-shadow: 0 0 3px rgba(0,0,0,.6);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 2;
	}
#secondary ul.color-chips {
	margin-bottom: 15px;
	}
#secondary.colors .ui-slider {
	position: relative;
	height: 4px;
	margin: 12px 0 0 0;
	border-top: 1px solid #c3c3c3;
	border-left: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #e3e3e3 url(/Content/dribbble/images/formbg.gif) repeat-x top left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
#secondary.colors .ui-slider .ui-slider-range {
	display: block;
	position: absolute;
	height: 10px;
	}
#secondary.colors .ui-slider-handle {
	background: #ddd;
	border: 1px solid #bbb;
	height: 14px;
	position: absolute;
	top: -7px;
	width: 10px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	box-shadow: 1px 1px 2px rgba(0,0,0,.25);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
#secondary.colors form.gen-form {
	margin: 0 0 40px 0;
	}
#secondary.colors form.gen-form fieldset {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
	}
#secondary.colors form.gen-form fieldset.hex {
	text-align: left;
	}
#secondary.colors form.gen-form fieldset label {
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #777;
	}
#secondary.colors form.gen-form fieldset label strong.perc {
	margin-left: 2px;
	color: #444;
	}
#secondary.colors form.gen-form input.form-text {
	width: 146px;
	height: 16px;
	padding: 3px 6px;
	font-size: 13px;
	}
#secondary.colors form.gen-form fieldset.combo input {
	float: right;
	}
#secondary.colors form.gen-form fieldset div.picker {
	padding: 12px;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	}

/* announcement button */

div.announce-btn {
	float: right;
	width: 220px;
 	margin: -5px 0 0 0;
 	}
div.announce-featured {
	margin-top: -8px;
	}
div.announce-btn a {
	display: block;
	padding: 6px;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	color: #999;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
div.announce-featured a {
	text-align: left;
	}
div.announce-featured a img {
	float: left;
	margin: 0 4px 0 0;
	}
div.announce-btn a strong.title {
	display: block;
	margin: 0 0 1px 0;
	color: #ea4c88;
	}
div.announce-featured a strong.title {
	color: #333;
	}
div.announce-btn a:hover {
	color: #fff;
	color: rgba(255,255,255,.7);
	border-color: #ea4c88;
	background: #ea4c88 url(/Content/dribbble/images/glass-light.png) repeat-x 0 50%;
	}
div.announce-featured a:hover {
	color: #999;
	border-color: #ccc;
	background: rgba(0,0,0,.04);
	}
div.announce-btn a:hover strong.title {
	color: #fff;
	}
div.announce-featured a:hover strong.title {
	color: #333;
	}

/* bucket lists */

h4.bucket-title {	
	margin: 0 0 8px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	}
ol.buckets,
ol.projects {
	margin: 0 0 25px 0;
	}
ol.buckets li,
ol.projects li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	font-size: 13px;
	line-height: 1.2;
	border-bottom: 1px solid #ddd;
	}
ol.buckets li:last-child,
ol.projects li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
	}
ol.buckets li a,
ol.projects li a {
	display: block;
	overflow: hidden;
	}
ol.buckets li a span.bucket-img,
ol.projects li a span.bucket-img {
  background: url(/Content/dribbble/images/bucket-frame.png) no-repeat 0 0;
	float: left;
	display: block;
	width: 60px;
	height: 58px;
	margin: 0 8px 0 0;
	padding: 5px;
	}
ol.buckets li a span.bucket-img img,
ol.projects li a span.bucket-img img {
	background: url(/Content/dribbble/images/bucket-frame.png) no-repeat 0 0;
	float: left;
	max-width: 60px;
	max-height: 45px;
	-webkit-transition: .2s opacity ease;
	-moz-transition: .2s opacity ease;
	-o-transition: .2s opacity ease;
	transition: .2s opacity ease;
	}
ol.buckets li a span.bucket-meta,
ol.projects li a span.bucket-meta {
	display: block;
	margin: 4px 0 0 0;
	font-size: 11px;
	line-height: 1;
	color: #999;
	}
ol.buckets li a:hover span.bucket-img img,
ol.projects li a:hover span.bucket-img img {
	opacity: .6;
	}

/* bucket lightbox */

#bucket-overlay,
#project-overlay {
	background: #222;
	background: rgba(0,0,0,.7);
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3000;
	}
#bucket-add,
#project-add {
	position: relative;
	margin: 5% auto;
	width: 420px;
	z-index: 3001;
	padding: 20px;
	background: #f0f0f0 url(/Content/dribbble/images/tile.gif) repeat -70% 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	}
#bucket-add a.bucket-add-close,
#project-add a.project-add-close {
	position: absolute;
	top: 5px;
	right: 5px;
	-webkit-transition: .2s opacity ease;
	-moz-transition: .2s opacity ease;
	-o-transition: .2s opacity ease;
	transition: .2s opacity ease;
	}
#bucket-add a.bucket-add-close:hover,
#project-add a.project-add-close:hover {
	opacity: .7;
	}
#bucket-add h2.section,
#project-add h2.section {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1;
	}
#bucket-add ol.buckets,
#project-add ol.projects {
	height: 275px;
	padding-right: 10px;
	overflow: auto;
	}
#bucket-add ol.buckets li,
#project-add ol.projects li {
	border-bottom: none;
	margin: 0 0 5px 0;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#bucket-add ol.buckets li:last-child,
#project-add ol.projects li:last-child {
	margin: 0;
	}
#bucket-add ol.buckets li a,
#project-add ol.projects li a {
	display: block;
	padding: 6px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#bucket-add ol.buckets li a strong,
#project-add ol.projects li a strong {
	display: block;
	margin-right: 50px;
	color: #444;
	}
#bucket-add ol.buckets li a:hover,
#project-add ol.projects li a:hover {
	background: rgba(0,0,0,.07);
	}
#bucket-add ol.buckets li.bucketed a,
#project-add ol.projects li.bucketed a {
	background: #ea4c88 url(/Content/dribbble/images/icon-check-big.png) no-repeat 100% 25px;
	}
#bucket-add ol.buckets li.bucketed a strong,
#project-add ol.projects li.bucketed a strong {
	color: #fff;
	}
#bucket-add ol.buckets li.bucketed a span.bucket-meta,
#project-add ol.projects li.bucketed a span.bucket-meta {
	color: rgba(255,255,255,.7);
	}
#bucket-add ol.buckets li.bucketed a:hover {
 	background-image: url(/Content/dribbble/images/icon-minus-big.png);
  	}
#bucket-add ol.buckets li.selected a,
#bucket-add ol.buckets li.selected a:hover,
#project-add ol.projects li.selected a,
#project-add ol.projects li.selected a:hover {
	color: #333;
	background: #fff url(/Content/dribbble/images/processing.gif) no-repeat 349px 25px;
	}
#bucket-add ol.buckets li.selected a span.bucket-meta,
#bucket-add ol.buckets li.selected a:hover span.bucket-meta,
#project-add ol.projects li.selected a span.bucket-meta,
#project-add ol.projects li.selected a:hover span.bucket-meta {
	color: #999;
  	}
#bucket-add button,
#bucket-add input.form-sub,
#project-add button,
#project-add input.form-sub {
	font-size: 12px;
	}
#project-add div.create-bucket,
#bucket-add div.create-bucket {
	display: none;
	}
#bucket-add form.gen-form,
#project-add form.gen-form {
	margin-top: 0;
	}
#bucket-add form.gen-form div.form-field,
#project-add form.gen-form div.form-field {
	border: none;
	}
#bucket-add form.gen-form fieldset label,
#project-add form.gen-form fieldset label {
	float: none;
	width: auto;
	margin: 0 0 6px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	}
#bucket-add form.gen-form fieldset label span,
#project-add form.gen-form fieldset label span {
	font-size: 11px;
	margin-left: 10px;
	font-weight: normal;
	color: #777;
	}
#bucket-add form.gen-form fieldset p.message,
#project-add form.gen-form fieldset p.message {
	text-align: right;
	margin: 0 0 10px 0;
	}
a.create {
	float: right;
	margin: 8px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	}

/* bucket meta info list */

#secondary ul.bucket-meta {	
	margin-bottom: 30px;
	}
ul.bucket-meta li.bucket-title-meta {
	margin: 0;
	padding: 8px 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #666;
	border-bottom: 1px solid #ddd;
	}
ul.bucket-meta li.bucket-title {	
	font-size: 14px;
	line-height: 1.3;
	}
ul.bucket-meta li span.sep {
	margin: 0 3px;
	color: #bbb;
	}
ul.bucket-meta li span.bucket-url {
	display: block;
	margin: 4px 0 0 0;
	font-size: 13px;
	}
ul.bucket-meta li span.bucket-url a {
	padding: 8px 0 8px 21px;
	font-weight: normal;
	color: #777;
	background: url(/Content/dribbble/images/icon-weburl.png) no-repeat 0 8px;
	}
ul.bucket-meta li span.bucket-url a:hover {
	color: #444;
	}
ul.bucket-meta li.bucket-title-meta span.bucket-status-stamp {	
	margin-left: 4px;
	font-size: 11px;
	color: #999;
	}
ul.bucket-meta li span.badge {	
	margin-left: 0;
	}
ul.bucket-meta li:first-child {	
	padding-top: 0;
	}
ul.bucket-meta li:last-child {		
	padding-bottom: 0;
	border: none;
	}
ul.bucket-meta li.bucket-title-time {
	padding-left: 24px;
	font-size: 11px;
	color: #999;
	background: url(/Content/dribbble/images/icon-bucket.png) no-repeat 0 7px;
	}
ul.bucket-meta li.project-title-time {
	background-image: url(/Content/dribbble/images/icon-addtoproject.png);
	}
ul.bucket-meta li.bucket-title-time strong {	
	color: #777;
	}
ul.bucket-meta li.bucket-title-attr {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	}
ul.bucket-meta li.bucket-title-attr img {
	float: left;
	width: 16px;
	margin: 0 5px 0 0;
	}
ul.bucket-meta ul.bucket-title-attr a {
	font-weight: bold;
	}

/* bucket meta when under prev/next */

ul.bucket-meta-prevnext {
	padding: 8px 10px 10px 10px;
	margin-top: -16px; 
	background: rgba(0,0,0,.07);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
ul.bucket-meta-prevnext h5.bucket-title {	
	padding: 0;
	font-size: 13px;
	border: none;
	}
.live span.meta{
  color: #888;
  text-shadow: 0 1px 0 white;
  }
ul.bucket-meta-prevnext li.project-title-time {	
	padding-top: 4px;
	background-position: 0 4px;
	}

/* footer
--------------------------------------------- */

#footer {
	border-top: 1px solid #ddd;
	}
#footer-inner {
	width: 940px;
	margin: 0 auto;
	padding: 20px 30px;
	font-size: 1.2em;
	color: #999;
	}
#footer a {
	font-weight: bold;
	color: #777;
	}
#footer a:hover {
	text-decoration: none;
	color: #ea4c88;
	}
#footer p {
	margin: 0 0 8px 0;
	line-height: 1.6;
	}
#footer p#footer-nav {
	margin-top: 3px;
	color: #ccc;
	}
#footer-nav a {
	margin: 0 5px;
	}
#footer-nav a#f-home {
	margin-left: 0;
	}
#footer a.footer-twitter {
	padding: 1px 0 0 20px;
	background: url(/Content/dribbble/images/icon-twitter-footer.gif) no-repeat 0 0;
	}
#footer a.footer-twitter:hover {
	background-position: 0 -34px;
	}
#footer-nav a span.badge {
	font-size: 9px;
	line-height: 2.2;
	vertical-align: top;
	background-color: #777;
	}
#footer-nav a:hover span.badge {
	background-color: #ea4c88;
	}

/* pixels dribbbled */

h4#pixels-total {
	position: relative;
	width: 166px;
	float: right;
	margin: 8px 0 0 0;
	padding: 0 0 0 54px;
	font-size: 1.1em;
	line-height: 1.4;
	font-weight: normal;
	color: #777;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 20px;
	border-top-right-radius: 6px;
	border-top-left-radius: 20px;
	}
#non-logged-blurb h4#pixels-total {
	margin-top: 12px;
	}
h4#pixels-total strong {
	display: block;
	padding-top: 4px;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
	color: #333;
	}
h4#pixels-total img {
	position: absolute;
	top: 0;
	left: 0;
	}

/* misc.
--------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* rss links */

a.rss {
	float: right;
	margin: 21px 10px 0 0;
	padding: 0 0 0 15px;
	font-size: .8em;
	line-height: 12px;
	font-weight: bold;
	color: #ea4c88;
	background: url(/Content/dribbble/images/icon-rss.gif) no-repeat 0 0;
	}
a.rss:hover {
	color: #ac2d5d;
	background-position: 0 -36px;
	}
a.rss-top {
	margin: 0;
	font-size: 1em;
	}

/* processing bouncing ball */

div.processing {
	margin: 0;
	padding: 10px 10px 10px 42px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8em;
	color: #333;
	background: #fff url(/Content/dribbble/images/processing.gif) no-repeat 10px 50%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 999;
	}
div.processing em {
	font-weight: normal;
	font-style: normal;
	color: #777;
	}
.processing,
a.processing,
div.meta-act a.processing,
div.meta-act div.marked a.processing,
a.processing:hover,
input.processing:hover {
	padding-left: 33px;
	color: #333;
	background: #fff url(/Content/dribbble/images/processing.gif) no-repeat 3px 50%;
	}
a.processing:hover span {
	color: #333;
	}
span.processing {
	display: inline-block;
	padding: 6px 10px 6px 33px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
a.processing span {
	padding: 0;
	background: none;
	}
table.data td.follow a.processing, /* when mini follow/unfollow icon only */
ol.players-list li a.processing {
	padding: 0;
	width: 24px;
	height: 24px;
	background-position: -4px 50%;
	overflow: hidden;
	}
div.single-title div.shot-byline a.processing { /* when tiny follow/unfollow icon only on shot detail byline */
	background-position: -9px -3px;
	overflow: hidden;
	}
div.single-title div.shot-byline a.processing span,
div.single-title div.shot-byline a.processing:hover span {
	background: none;
	}
table.data td.follow a.processing:hover span,
ol.players-list li a.processing:hover span {
	background: none;
	}

/* error handling */

.errorExplanation {
	margin: 0 0 20px 0;
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	text-align: left;
	color: #df3b3b;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 2px #ddd;
	-moz-box-shadow: 2px 2px 2px #ddd;
	box-shadow: 2px 2px 2px #ddd;
	}
.errorExplanation h2 {
	padding: 10px 20px;
	font-size: 1.2em;
	line-height: 1;
	color: #fff;
	background: #df3b3b url(/Content/dribbble/images/alert-lines.png) repeat-x top left;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	}
.errorExplanation ul,
div.site .errorExplanation ul {
	margin-top: 0;
	padding: 20px 20px 15px 20px;
	}
.errorExplanation ul li,
div.site .errorExplanation ul li {
	margin: 0 0 5px 20px;
	list-style: disc;
	}
#project-add .errorExplanation ul li,
#bucket-add .errorExplanation ul li {
	font-size: 12px;
	line-height: 1.4;
	}
fieldset.fieldWithErrors {
	background: url(/Content/dribbble/images/icon-error.png) no-repeat 20px 50%;
	}
div.main-full fieldset.fieldWithErrors {	
	background: none;
	}
#project-add fieldset.fieldWithErrors,
#bucket-add fieldset.fieldWithErrors {
	background: none;
	}

/* null value messages */

.null {
	font-size: .8em;
	font-style: normal;
	color: #aaa;
	}
.null-message {
	margin: 40px;
	text-align: center;
	font-style: normal;
	color: #aaa;
	}
.null-message h2 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.5;
	text-shadow: 0 1px 0 #fff;
	}

/* friendly announcements */

div.friendly {
	margin: 0 0 25px 0;
	padding: 15px 15px 10px 15px;
	font-size: 1.2em;
	line-height: 1.4;
	color: #505d68;
	background: rgba(118,182,217,.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
div.form-field div.friendly {
	font-size: 1em;
	margin: 15px 0 0 0;
	}
div.friendly h2 {
	margin: 0 0 10px 0;
	font-size: 1.3em;
	line-height: 1;
	font-weight: normal;
	color: #333;
	}
div.friendly p {
	margin: 0 0 5px 0;
	line-height: 1.4;
	}
div.friendly a:link,
div.friendly a:visited {
	font-weight: bold;
	}
div.friendly ul {
	margin: 0 0 0 25px;
	list-style: disc;
	}
div.friendly ul li {
	}

/* highlighting for ajax editing */

.highlighted {
	margin: 0;
	background: url(/Content/dribbble/images/hi-bg.png);
	}

/* self-clear floats */

.group:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* tipsy tooltips */

.tipsy { padding: 5px; font-size: 1.1em; line-height: 1.4; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 6px 8px; background: #1e2124 repeat-x top left; color: white; color: rgba(255,255,255,.9); max-width: 130px; text-align: center; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5); box-shadow: 1px 1px 3px rgba(0,0,0,.5); }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url(/Content/dribbble/images/tipsy.png) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* IE patches
--------------------------------------------- */

*:first-child+html .group,
*:first-child+html ul.tabs,
*:first-child+html h3.tab { /* IE7 */
	min-height: 1px;
	}

*:first-child+html #add fieldset#upload input {
	border: 1px solid #ddd;
	background: #fff;
	}
